BlogApp is a web application that allows users to write and publish their own articles, as well as read articles written by other users. The application is built using the React Js for the front-end, Node.js, Express.js for the back-end, and MongoDB for the database.
Users can sign up for an account using their email address and password. Once logged in, they can create new articles by providing a title, content, and optional tags to help categorize their post. Users can also edit or delete articles that they have previously published.
In addition to writing articles, users can also read articles written by other users. They can filter articles by category. Once they find an article they are interested in, they can read it in full and leave a comment to share their thoughts.
All of the features of BlogApp are available only to logged-in users, which helps to maintain the integrity of the content and foster a sense of community among users. User authentication is handled using JSON Web Tokens (JWTs), which are generated upon successful login and used to authenticate subsequent requests to the server.
Overall, BlogApp provides a platform for writers and readers to connect and share their ideas and opinions in a secure and user-friendly environment.
To get started with the front-end repository, first clone the repository onto your local machine:
git clone https://github.com/33kumarram/BlogAppFrontEnd.git
Next, navigate into the cloned repository and install any dependencies:
cd BlogAppFrontEnd
npm install
You will also need to create a .env file in the root of the project directory, containing the following environment variables:
REACT_APP_API_URL = API endpoint to make requests to the server.
Once the dependencies are installed and the environment variables are set, start the development server:
npm start
The front-end application should now be running on http://localhost:3000, and any changes made to the code will be automatically reloaded in the browser.
BlogApp Front-End is built with the following tools and libraries:
- React Js
- React Redux
- React Router Dom
If you would like to contribute to this project, please follow these steps:
-
Fork the repository
-
Create a new branch for your changes
-
Make your changes and commit them with descriptive commit messages
-
Push your changes to your forked repository
-
Open a pull request to merge your changes into the master branch
Feel free to reach out to me on my email: rk3790690@gmail.com