A feature-rich, full-stack blog platform built with modern web technologies — supporting

• user authentication

• rich text content creation

• dark mode

• performance optimizations

• cleaner modular architecture

🔗 Live Site

• 🧑‍💻 User Authentication (Sign Up, Sign In, Logout)
• 📝 Rich Text Editor using TinyMCE — supports:
  • Headings, bold, italic, underline
  • Text/background colors
  • Bullet lists, number lists
  • Text alignment, font size
• 🌙 Dark Mode toggle
• 🧩 Protected Routes for authenticated users
• 🔒 Secure form handling and file uploads
• ⚡ Performance optimized with lazy loading, image compression, and memoization
• 🎯 Preloading critical assets for faster load times

├── public/
├── src/
│ ├── appwrite/
│ ├── components/
│ ├── config/
│ ├── pages/
│ ├── store/ # redux
│ ├── app.css
│ ├── app.jsx
│ ├── index.css
│ └── main.jsx 
├── .env.sample
├── index.html
├── package.json
└── vite.config.json

1. Clone the repository:

   git clone https://github.com/HiPrabel/Blog.git

2. Navigate into the project directory:

   cd blog

3. Install dependencies:

   npm install

4. Create a .env file in the root directory and add the following:

   VITE_APPWRITE_URL=https://cloud.appwrite.io/v1
   VITE_APPWRITE_PROJECT_ID=your_project_id
   VITE_APPWRITE_DATABASE_ID=your_database_id
   VITE_APPWRITE_COLLECTION_ID=your_collection_id
   VITE_APPWRITE_BUCKET_ID=your_bucket_id
   VITE_TINYMCE_API=your_tinymce_api

5. Start the development server:

   npm run dev

This project is licensed under the MIT License.

Contributions, issues, and feature requests are welcome!

git checkout -b your-feature
git commit -m "Add new feature"
git push origin your-feature

For questions or support, please reach out at Prabel Pandey - GitHub [prabel397@gmail.com]