Welcome to Blog-Tech! This project is a full-stack web application built using the MERN stack – MongoDB, Express.js, React.js, and Node.js. It provides a platform for users to create, read, update, and delete blog posts.
- User Authentication: Secure sign-up, login, and logout functionality.
- Create and Manage Posts: Authenticated users can create, edit, and delete their blog posts.
- Browse and Engage: Visitors can browse existing blog posts, read content, and interact via comments.
- Responsive Design: Ensures seamless experience across devices of all sizes.
- Frontend: React.js, React Query
- Backend: Node.js, Express.js
- Database: MongoDB
- Media Storage: Cloudinary
- Authentication: JSON Web Tokens (JWT)
- Styling: Tailwind CSS, ShadCn
To start with this project, follow these steps:
-
Clone Repository: Clone this repository to your local machine.
-
Install Dependencies: Navigate to the project directory and install dependencies using
npm install. -
Set up MongoDB: Set up your MongoDB database and obtain the connection string.
-
Configure Environment Variables:
-
Frontend:
VITE_BASE_URL: Backend server link
-
Backend:
PORT: Port number for the serverACCESS_SECRET_KEY: User-defined access secret keyCLOUD_NAME: Cloudinary Cloud nameCLOUD_API: Cloudinary APICLOUD_API_SECRET: Cloudinary API secretUSER_IMAGE: User image directory (Frontend link +/user.jpeg)URI: MongoDB URI address
-
-
Run Backend Server: Execute
npm run devin the/serverdirectory. -
Run Frontend Development Server: Execute
npm run devin the/clientdirectory. -
Access Application: Open your browser and go to
http://localhost:5173.
Contributions are welcome! To contribute:
- Fork this repository.
- Make your changes.
- Submit a pull request following the contribution guidelines.
This project is licensed under the MIT License. See the LICENSE file for details.
For any questions or feedback, please contact Lakshay Babbar.