Engineered for a seamless writing and reading experience, featuring a stunning, futuristic UI and robust, full-stack functionality.
Bloggr provides a complete content management experience wrapped in a beautiful and dynamic interface.
| Feature | Description |
|---|---|
| ✍️ Create Posts | Use a rich-text editor to craft and format your articles with ease. |
| 📖 Read with Style | Enjoy a clean, readable layout with a stunning interactive particle background for a "Digital Zen" feel. |
| 🔄 Update Your Work | A dedicated user dashboard allows authors to easily manage and edit their published posts. |
| 🗑️ Delete with Control | Authors have full control to remove their posts at any time. |
| 🔒 Secure Accounts | Full user authentication system using JWT, with protected routes for user-specific actions. |
| 💬 Engage Community | Readers can leave comments on posts, and every author has a public profile page showcasing their work. |
| Category | Technologies |
|---|---|
| Frontend | React, Vite, Tailwind CSS, Framer Motion |
| Backend | Node.js, Express.js, JWT |
| Database | MongoDB Atlas |
-
Clone the repository:
git clone https://github.com/BeamlakTamirat/bloggr.git cd bloggr -
Set up the Backend:
cd backend npm install # Create a .env file with your MongoDB URI & JWT Secret npm run dev
-
Set up the Frontend (in a new terminal):
cd frontend npm install npm run dev