This is a simple blog application developed to practice CRUD (Create, Read, Update, Delete) functionality in web development. It allows users to create, read, update, and delete blog posts, with added authentication for security.
- Authentication: Users can sign up, log in, and log out securely to access the application's features.
- Create: Users can create new blog posts with a title, content, and optional image.
- Read: Users can view existing blog posts with their titles, content.
- Update: Users can edit their own blog posts to modify the title, content, or image.
- Delete: Users can delete their own blog posts permanently.
- Frontend: React Js, Tailwind CSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Other Tools: Express.js middleware for routing, Mongoose for MongoDB object modeling.
- Clone the repository:
git clone https://github.com/GauravTheBeginner/Blog-Application.git
- Install dependencies in each folder:
npm install
- Configure MongoDB URI:
- Create a
config
folder in the backend folder. - Inside the
config
folder, create aconfig.js
file. - In
config.js
, export an object containing your MongoDB URI.
- Create a
- Run the backend:
npx nodemon server.js
- Run the frontend:
npm run dev
- Access the application in your web browser at
http://localhost:5173
Contributions are welcome! If you find any bugs or have suggestions for improvement, feel free to open an issue or create a pull request.
This application was developed by [Your Name] as a learning project inspired by the teachings of [Harkirat Sir] during the course on CRUD functionality.
This project is licensed under the MIT License.