MERN Blog with Tailwind CSS

This is a full-stack blog application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, styled with Tailwind CSS for a modern and responsive user interface. This project demonstrates robust full-stack development practices, including user authentication, CRUD operations for blog posts, and an intuitive design.

✨ Features

• User Authentication: Secure user registration, login, and logout functionalities with JWT (JSON Web Tokens).
• Create, Read, Update, Delete (CRUD) Blog Posts: Users can create, view, edit, and delete their own blog posts.
• Rich Text Editor: (Assuming you have one, if not, remove this) For creating and editing blog content.
• Responsive Design: Optimized for various screen sizes using Tailwind CSS.
• Dynamic Content Display: Blog posts are fetched from the backend and displayed dynamically.
• Search and Filtering: (If applicable, describe any search/filter features)
• Admin Panel: (If applicable, describe any admin functionalities)

🚀 Technologies Used

Frontend:

• React.js: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• React Router DOM: For declarative routing in React applications.
• Axios: Promise-based HTTP client for the browser and Node.js.

Backend:

• Node.js: A JavaScript runtime for server-side development.
• Express.js: A fast, unopinionated, minimalist web framework for Node.js.
• MongoDB: A NoSQL database for storing blog post data and user information.
• Mongoose: An ODM (Object Data Modeling) library for MongoDB and Node.js.
• bcrypt.js: For hashing passwords.
• jsonwebtoken (JWT): For secure user authentication.
• dotenv: To load environment variables from a .env file.

⚙️ Setup and Installation

Follow these steps to get the project up and running on your local machine.

Prerequisites

• Node.js (LTS version recommended)
• MongoDB (locally installed or a cloud service like MongoDB Atlas)
• Git

1. Clone the repository

git clone [https://github.com/DhananjayaLakshan/MERN-Blog-using-Tailwind-CSS.git](https://github.com/DhananjayaLakshan/MERN-Blog-using-Tailwind-CSS.git)
cd MERN-Blog-using-Tailwind-CSS