https://github.com/razak571/blogbytes

full stack blog site using React.js and Appwrite
https://github.com/razak571/blogbytes

appwrite baas blog-site netlify react-hook-form react-query react-router reactjs redux redux-toolkit text-editor vercel-deployment

Last synced: 2 months ago
JSON representation

full stack blog site using React.js and Appwrite

• Host: GitHub
• URL: https://github.com/razak571/blogbytes
• Owner: razak571
• Created: 2024-05-23T21:00:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T16:56:09.000Z (almost 2 years ago)
• Last Synced: 2025-03-30T06:43:41.525Z (about 1 year ago)
• Topics: appwrite, baas, blog-site, netlify, react-hook-form, react-query, react-router, reactjs, redux, redux-toolkit, text-editor, vercel-deployment
• Language: JavaScript
• Homepage: https://appwrite-react-blogsite.vercel.app
• Size: 87.9 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 📝 BlogBytes

**Fullstack Blog Site using React.js and Appwrite**

## Project Overview

**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.

## Features

### Frontend

- **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.

### Backend

- **Appwrite**: Backend service provider for handling authentication, database, and storage.

- **Scalable Architecture**: Designed to support future implementations, upgrades, or changes.

## Functionalities

- **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.

## Screenshots

**Home Page**

![Home Page](path_to_home_page_screenshot)

**Create Post Page**

![Create Post](path_to_create_post_screenshot)

**View Post Page**

![View Post](path_to_view_post_screenshot)

⭐️ If you like this project, please give it a star!

Created with ❤️ by [Razak Attar](https://github.com/razak571)

Start blogging with **BlogBytes** today! 🖋️✨

**NOTE: I have further plans on this project.**