This is a full-stack web application for creating and managing blog posts. It uses React Hooks for the front-end and MongoDB, Atlas, Express, and Node.js for the Backend development.
To run this application locally, you will need to have Node.js and npm installed on your machine.
You will also need to create an account with MongoDB Atlas and obtain a connection string.
- Clone the repository:
git clone https://github.com/your-username/blogging-platform.git
- Install dependencies:
cd blogging-platform
npm install
- Set up environment variables:
Create a .env
file in the root directory of the project, and add the following variables :
PORT=5000
ATLAS_URI=<your-mongodb-atlas-connection-string>
- Run the server:
npm run server
- Run the front-end:
Open a new terminal window, and run the following command:
npm start
- Open the application:
Go to http://localhost:3000
in your web browser to view the application.
-
Create new blog posts: Users can create new blog posts with a title, content, author, and date.
-
View all blog posts: Users can view a list of all blog posts, sorted by date.
-
View single blog post: Users can view a single blog post with its title, content, author, and date.
-
Edit blog posts: Users can edit an existing blog post.
-
Delete blog posts: Users can delete an existing blog post.
-
Authentication: Add user authentication to the application so that only authenticated users can create, edit, or delete blog posts.
-
Search: Add a search function to the application so that users can search for blog posts by keyword, date, author, or other criteria.
-
Categories and tags: Add the ability to categorize blog posts by topic or tag, and allow users to filter blog posts by category or tag.
-
Comments: Add the ability for users to leave comments on blog posts, and for authors to moderate and reply to comments.
-
Analytics: Add analytics tracking to the application to monitor user behavior, traffic, and engagement.
-
Sharing: Add social sharing functionality to the application to allow users to share blog posts on social media platforms.
-
Responsive design: Ensure that the application is mobile-friendly and responsive, so that it can be easily accessed and used on a variety of devices.
- React.js
- MongoDB Atlas
- Express
- Node.js
- Javascript
- HTML5
- CSS
- This project was inspired by the MERN Stack Front To Back course on Udemy.
- The create-react-app tool was used to set up the front-end.# Blogging-Platform-