____ _ _ _ _ _ _
| _ \| | ___ ___ | | (_)___| |_ ___ __ _ __ _| |__ | | ___ ___
| |_) | |/ _ \ / _ \ | | | / __| __| / __|/ _` |/ _` | '_ \| |/ _ \/ __|
| __/| | (_) | (_) || |____| \__ \ |_ \__ \ (_| | (_| | |_) | | __/\__ \
|_| |_|\___/ \___(_)______|_|___/\__| |___/\__,_|\__,_|_.__/|_|\___||___/
- ⚡ Fast & Lightweight using Vite
- 🎨 Modern UI with Tailwind CSS
- 🔥 Seamless Authentication with Firebase
- 📄 Rich Text Editor for blogging
- 🌍 Responsive Design for all devices
- 📡 API Integration with blogging backend
- 🎭 Dark Mode Support
- 🛡️ Protected Routes with JWT Authentication
# Clone the repository
git clone https://github.com/itz-Hiru/Blogging-Website-Frontend.git
cd blogging-frontend
# Install dependencies
npm install# Start development server
npm run dev| Method | Endpoint | Description |
|---|---|---|
| GET | /api/posts | Fetch all blog posts |
| POST | /api/posts | Create a new post |
| GET | /api/posts/:id | Get a single post by ID |
| PUT | /api/posts/:id | Update a post |
| DELETE | /api/posts/:id | Delete a post |
| POST | /api/auth/login | Authenticate user |
| POST | /api/auth/register | Register new user |
Create a .env file in the root directory and add:
FIREBASE_API_KEY=your firebase api key
FIREBASE_AUTH_DOMAIN=your firebase auth domain
FIREBASE_PROJECT_ID=your firebase project id
FIREBASE_STORAGE_BUCKET=your firebase storage bucket
FIREBASE_MESSAGING_SENDER_ID=your firebase messaging sender id
FIREBASE_APP_ID=your firebase app id/blogging-frontend
│── src/
│ ├── assets/
│ ├── common/
│ ├── components/
│ ├── pages/
│── public/
│── .env
│── package.json
│── vite.config.js
│── tailwind.config.js
│── README.md
│── LICENSE
- ✅ JWT Token Handling for authentication
- ✅ Input Validation to prevent XSS attacks
- ✅ Secure Storage for user credentials
- ✅ Strict CORS Policies
This project is licensed under the MIT License.
🚀 Happy Coding! 🎉