Blue Blog is a modern RTL (Right-to-Left) blogging application designed for Persian-speaking users. Built with Next.js, React Hooks, and Tailwind CSS, it offers a clean, responsive user interface optimized for seamless reading and writing experiences.
- Next.js – Server-Side Rendering (SSR) and SEO optimization
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- React Hooks – Functional components with state and lifecycle features
- Node.js – JavaScript runtime for building scalable network applications
- Express.js – Web application framework for Node.js
- MongoDB – NoSQL database for flexible data storage
- User Authentication: Secure login and registration
- Post Management: Create, edit, and delete blog posts
- Comments: Engage with posts through comments
- Likes: Show appreciation for posts
- Bookmarks: Save favorite posts for later reading
- Responsive Design: Optimized for mobile, tablet, and desktop views
- RTL Support: Tailored for Persian language users
/frontend # Next.js + Tailwind CSS /backend # Node.js + Express.js /database # MongoDB models and configuration
git clone https://github.com/omidkick/Blue-Blog-App.git
cd Blue-Blog-App
2. Install and run frontend
cd frontend
npm install
npm run dev
Open http://localhost:3000
in your browser
3. Install and run backend
cd backend
npm install
npm run dev
4. Environment variables
Create a .env file in /backend with necessary variables:
MONGO_URI=your_mongodb_connection_string
PORT=5000
JWT_SECRET=your_secret_key
📌 Future Improvements
JWT authentication
Online payment integration
Enhanced UI/UX with animations
Unit & integration tests
👨💻 Developer
Developed with ❤️ by Omid Jabbari