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 dev
in the/server
directory. -
Run Frontend Development Server: Execute
npm run dev
in the/client
directory. -
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.