Skip to content

A feature-rich blogging platform built with React, Vite, and Appwrite. It includes user authentication, rich text editing, image uploads, dark mode, real-time previews, and responsive design. Powered by Redux Toolkit and Tailwind CSS for a seamless experience. πŸš€

License

Notifications You must be signed in to change notification settings

kartik-grg/echoWrite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

echoWrite - Modern Blogging Platform

A feature-rich blogging platform built with React, Vite, and Appwrite, featuring a modern UI with Tailwind CSS.

Features

  • πŸ” 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

Tech Stack

  • 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

Getting Started

  1. Clone the repository
git clone [repository-url]
cd EchoWrite
  1. Install dependencies
npm install
  1. Configure Appwrite
  • Create an Appwrite project
  • Set up authentication, database, and storage services
  • Create .env file with your Appwrite credentials:
VITE_APPWRITE_URL=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_COLLECTION_ID=
VITE_APPWRITE_BUCKET_ID=
  1. Start development server
npm run dev

Project Structure

src/
β”œβ”€β”€ 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

Key Components

  • 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

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A feature-rich blogging platform built with React, Vite, and Appwrite. It includes user authentication, rich text editing, image uploads, dark mode, real-time previews, and responsive design. Powered by Redux Toolkit and Tailwind CSS for a seamless experience. πŸš€

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published