A modern, full-stack blogging platform built with a clean UI and powerful backend. Create, read, and share blogs with ease — designed for simplicity, performance, and scalability.
- 📝 Create, edit, and delete blogs
- 📚 Browse blogs by category
- 🔍 Search functionality
- 💬 Comment system
- 🌐 Share blogs on social media
- 🖼️ Image upload via Cloudinary
- ⚡ Fast and responsive UI
- 🎨 Clean, modern design
- React (Vite)
- Tailwind CSS
- Axios
- Node.js
- Express.js
- MongoDB (Atlas)
- Cloudinary (image hosting)
- Vercel (frontend deployment)
Blogify-FullStack/
│
├── client/ # Frontend (React + Vite)
│ ├── src/
│ ├── public/
│ └── vercel.json
│
├── server/ # Backend (Node + Express)
│ ├── routes/
│ ├── controllers/
│ └── config/
│
└── README.md
git clone https://github.com/your-username/blogify.git
cd blogify
cd client
npm install
cd ../server
npm install
MONGODB_URI=your_mongodb_atlas_url
JWT_SECRET=your_secret_key
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret
VITE_BASE_URL=http://localhost:3000
cd server
npm start
cd client
npm run dev
- Push code to GitHub
- Import project in Vercel
- Set root directory to
client - Deploy
- Deploy server separately
- Update
VITE_BASE_URLwith deployed backend URL
🚀 Deployed Application: 👉 https://blogify-full-stack-1o4e.vercel.app
Contributions are welcome! Feel free to fork this repo and submit a pull request.
This project is licensed under the MIT License.
Mannat Thukral
- CSE Student | Developer
If you like this project, give it a ⭐ on GitHub!