https://github.com/pranavarora1895/appwrite-react-blog-app

A production grade React and Appwrite Blog application
https://github.com/pranavarora1895/appwrite-react-blog-app

appwrite blog react redux redux-toolkit

Last synced: 25 days ago
JSON representation

A production grade React and Appwrite Blog application

• Host: GitHub
• URL: https://github.com/pranavarora1895/appwrite-react-blog-app
• Owner: pranavarora1895
• License: mit
• Created: 2024-09-12T22:34:14.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-18T14:44:09.000Z (about 2 months ago)
• Last Synced: 2024-09-28T13:02:12.973Z (about 1 month ago)
• Topics: appwrite, blog, react, redux, redux-toolkit
• Language: JavaScript
• Homepage: https://appwrite-react-blog-app-weld.vercel.app
• Size: 78.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AppWrite React Blog App

Following concepts are implemented:

## Cloud Backend

> Implementation of Appwrite that gives BaaS (Backend as a Service) on Cloud (Similar to AWS).

## Vendor Lock-in prevention

> Inorder to separate the dependency of Appwrite which is a Backend as a Service, a separate service has been created. This ensures separating the app if the app needs to be migrated to any other cloud platform.

> Implementation of Clean Code

## Redux Store

> Redux Toolkit is used to track the authentication (login and logout)

> In the branch named `post-redux`, postSlice has been created to cache the posts to minimize the GET request from the server.

## Components Reusablity

> useForwardRef is used to transfer the state from parent to child component

## React Hook Form

> Usage of React hook form for signup and login

> Slug Transformation: used `watch` method of React hook form to watch the activity of the `title` field and transformed slug based on the `title`.

## Mechanism to protect pages and routes

> Protected Container is created to protect pages and routes

## TinyMCE Rich Text Editor