Skip to content

Helezonic/react-blog-project

Repository files navigation

MINI BLOG

A Full Stack React Blog CRUD Application with Appwrite as Backend Service

Sample Login Dataset

Features

  • User Authentication with Name, Email, Password
    • SignUp [Create User]
    • Login [Session start]
    • Credential Update [Addable]
  • Post with Title, Content, Image
    • Create [Add Post]
    • Read [View Post]
    • Update [Edit Post]
    • Delete [Delete Post]
  • Querying
    • Toggle by Status - Active and Inactive Posts
    • Search Field - search by keywords [Addable]
  • Paginaton
    • Limit posts to 12 in a single page [Addable]

  • Responsive Website
  • Minimal page transitions
  • Dark/Light Mode Toggle
  • Toggle Footer to being Fixed at bottom of Viewport.
  • Routing - Config Based Routing
  • Page Protection/ Authorization - RBAC - Role Based Access Control
  • Status Toggle
  • No slug, wrong slug - error cases
  • Loading animation during asynchronous events
  • Session checking before application launch
  • Lazy Loading Images
  • Show created and updated date and sort by date
  • Preload Editor before page loads
  • Add popups for successful edit, add, delete, login, logout

Libraries Used

  • Appwrite [For Backend Services - Auth, Database, Bucket]
  • Redux [For state management of user data]
  • Tiny MCE [For Real Time Editor]
  • HTML Parser [For parsing HTML stored from RTE]
  • React Hook Form [For creating post]
  • React Router [For subrouting and navigations]
  • TailwindCSS, PostCSS [For CSS]
  • Framer Motion [For page transitions]

About

A Full Stack React Blog Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published