echoWrite Tailwind Templates

Echowrite

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. šŸš€

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
  • šŸŒ“ Dark Mode Design
  • šŸŽÆ Status Management (Active/Inactive Posts)
  • ⚔ Real-time Preview
  • šŸ“± Responsive Design

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
    
  2. Install dependencies

    npm install
    
  3. 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
ā”œā”€ā”€ pages/          # Page components
ā”œā”€ā”€ store/          # Redux store configuration
└── 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.

Top categories

Loading Svelte Themes