Thanks to visit codestin.com
Credit goes to github.com

Skip to content

This project is a full-featured blogging platform built with modern frontend tools. Users can create, update, and delete blog posts, as well as manage their accounts. The project leverages a variety of technologies to deliver a rich user experience.

Notifications You must be signed in to change notification settings

HAMZOO0/Blog-Write

Repository files navigation

Blog Project

This project is a full-featured blogging platform built with modern frontend tools. Users can create, update, and delete blog posts, as well as manage their accounts. The project leverages a variety of technologies to deliver a rich user experience.

Features

  • User Authentication: Create an account, login, and manage user sessions.
  • Create Posts: Write and publish blog posts with rich text formatting.
  • Edit Posts: Update existing posts with new content or changes.
  • Delete Posts: Remove posts from the platform.
  • Rich Text Editor: Utilize TinyMCE for advanced text formatting options.
  • Redux Toolkit: Manage global state seamlessly with Redux.
  • Routing: Navigate between pages using React Router.

Tech Stack

  • React: UI library for building the user interface.
  • Vite: Fast and modern build tool for development.
  • React Hook Form: Manage form states efficiently.
  • Redux Toolkit: Simplified state management with Redux.
  • React Router Dom: Handles routing and navigation.
  • TinyMCE React: WYSIWYG editor for creating rich content.
  • Appwrite: Backend-as-a-Service for authentication and database management.
  • Tailwind CSS: Utility-first CSS framework for styling.
  • HTML React Parser: Parse and manipulate HTML in React components.

Installation

  1. Clone the repository:

    git clone https://github.com/HAMZOO0/Blog-Write.git
    
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Build for production:

    npm run build

Configuration

Make sure to configure your environment variables for Appwrite (backend service) and other necessary services.

Usage

  • Creating a Post: Use the editor to create a post and add rich content.
  • Editing a Post: Navigate to a specific post and update the content.
  • Deleting a Post: Remove a post directly from the interface.
  • Account Management: Sign up, login, and manage your profile.

Dependencies

  • @reduxjs/toolkit: State management with Redux Toolkit.
  • @tinymce/tinymce-react: TinyMCE editor for rich text editing.
  • appwrite: Backend-as-a-Service for authentication and database.
  • html-react-parser: Parse and render HTML content in React.
  • react: JavaScript library for building user interfaces.
  • react-dom: React package for working with the DOM.
  • react-hook-form: Handle form state management.
  • react-redux: Bindings for Redux in React.
  • react-router-dom: Routing and navigation for React applications.
  • vite: Fast and modern frontend build tool.

License

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

Contributing

Feel free to open issues or submit pull requests if you have any suggestions or improvements.

image

image

image

About

This project is a full-featured blogging platform built with modern frontend tools. Users can create, update, and delete blog posts, as well as manage their accounts. The project leverages a variety of technologies to deliver a rich user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published