Fullstack Blog Site using React.js and Appwrite
BlogBytes is a fullstack blog site where users can create and manage their own blog posts. Built with React.js on the frontend and Appwrite as the backend service provider, this application ensures a seamless and scalable blogging experience.
- React.js: Utilized for building a dynamic and responsive user interface.
- React Query: Used to fetch data from Appwrite efficiently.
- tinyMCE: Integrated as a rich text editor for creating blog posts.
- HTML React Parser: For parsing user-entered data from tinyMCE.
- React Hook Form: Handles form submissions effectively.
- Redux Toolkit: Manages the application's state.
- React Router DOM: Enables smooth navigation between different pages.
- Appwrite: Backend service provider for handling authentication, database, and storage.
- Scalable Architecture: Designed to support future implementations, upgrades, or changes.
- User Authentication: Users can create an account and log in.
- Create Blog Posts: Authenticated users can create new blog posts using the rich text editor.
- Edit and Delete Posts: Only the author of a post can edit or delete it.
- View Posts: All users, including non-authors, can view blog posts.
Home Page
Create Post Page
View Post Page
⭐️ If you like this project, please give it a star!
Created with ❤️ by Razak Attar
Start blogging with BlogBytes today! 🖋️✨
NOTE: I have further plans on this project.