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.
- 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.
- 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.
-
Clone the repository:
git clone https://github.com/HAMZOO0/Blog-Write.git
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Build for production:
npm run build
Make sure to configure your environment variables for Appwrite (backend service) and other necessary services.
- 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.
- @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.
This project is licensed under the MIT License - see the LICENSE file for details.