A feature-rich blogging platform built with React, Vite, and Appwrite, featuring a modern UI with Tailwind CSS.
- π User Authentication (Login/Signup)
- π Create, Edit, and Delete Blog Posts
- πΈ Image Upload Support
- π« Rich Text Editor
- π Light & Dark Mode Toggle
- π― Status Management (Active/Inactive Posts)
- β‘ Real-time Preview
- π± Responsive Design
- π¨ Theme System with CSS Variables
- Frontend Framework: React + Vite
- State Management: Redux Toolkit
- Styling: Tailwind CSS
- Backend Service: Appwrite
- Form Handling: React Hook Form
- Rich Text Editor: TinyMCE
- Routing: React Router DOM
- Content Parsing: html-react-parser
- Clone the repository
git clone [repository-url]
cd EchoWrite- Install dependencies
npm install- Configure Appwrite
- Create an Appwrite project
- Set up authentication, database, and storage services
- Create
.envfile with your Appwrite credentials:
VITE_APPWRITE_URL=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_COLLECTION_ID=
VITE_APPWRITE_BUCKET_ID=- Start development server
npm run devsrc/
βββ appwrite/ # Appwrite configuration and services
βββ components/ # Reusable UI components
βββ context/ # React context providers
βββ docs/ # Documentation files
βββ pages/ # Page components
βββ store/ # Redux store configuration
βββ styles/ # Global styles and theme variables
βββ assets/ # Static assets
- Authentication: Full user authentication flow with protected routes
- Post Management: CRUD operations for blog posts
- Image Handling: Upload and preview functionality
- Rich Text Editor: Advanced content editing capabilities
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.