BCA Blogs is a simple blogging website built using React and React Router DOM. It allows users to create and view blogs. This project uses JSON Server to manage the blog data and has been deployed on Netlify. Shimmer UI is incorporated for a better user experience.
- Create and publish your own blogs.
- View and read blogs from other authors.
- User-friendly and responsive design.
- Shimmer UI for smooth loading experience.
- Error Page if unknown url is encountred
- Easily navigate through the blog pages using React Router DOM.
- Data managed through a JSON Server backend.
-
React: The front-end of the website is built using React, a popular JavaScript library for building user interfaces.
-
React Router DOM: Used for client-side routing, allowing seamless navigation between different pages of the website.
-
JSON Server: Provides a simple and easy-to-use REST API for managing blog data.
-
Shimmer UI: Enhances user experience by providing loading animations while content is being fetched.
To run this project locally, follow these steps:
- Clone the repository to your local machine.
git clone https://github.com/g3vind/bca-blogs.git
- Navigate to the project directory.
cd bca-blogs
- Install the project dependencies.
npm install
- Start the development server.
npm start
This will start the project on your local machine, and you can access it in your web browser at http://localhost:3000
.
- Create a new blog by clicking the "Create Blog" button on the homepage.
- Fill out the required fields (Title, Author, and Content) and click "Publish" to add your blog.
- Explore existing blogs by clicking on their titles on the homepage.
The BCA Blogs project has been deployed on Netlify. You can access the live website here.
Happy blogging with BCA Blogs! If you have any questions or feedback, feel free to reach out.