Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamzoo0/blog-write
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.
https://github.com/hamzoo0/blog-write
appwrite mern-stack reactjs
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/hamzoo0/blog-write
- Owner: HAMZOO0
- Created: 2024-08-27T07:27:21.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-06T16:34:19.000Z (about 2 months ago)
- Last Synced: 2024-11-06T17:36:59.975Z (about 2 months ago)
- Topics: appwrite, mern-stack, reactjs
- Language: JavaScript
- Homepage: https://blog-write-delta.vercel.app
- Size: 192 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:**
```bash
git clone https://github.com/HAMZOO0/Blog-Write.git```
2. **Install dependencies:**
```bash
npm install
```3. **Run the development server:**
```bash
npm run dev
```4. **Build for production:**
```bash
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](LICENSE) file for details.
## Contributing
Feel free to open issues or submit pull requests if you have any suggestions or improvements.
---
![image](https://github.com/user-attachments/assets/d0995e52-f03c-4a44-933f-ea33b4252f58)![image](https://github.com/user-attachments/assets/1a18de7e-b607-4262-a44b-ae67be167ced)
![image](https://github.com/user-attachments/assets/7d50b0da-cbab-4983-80f3-93ad22d37878)