Skip to content

This is a full-stack blog application created for learning purposes. It features a React frontend and an Appwrite backend, allowing users to create, update, and delete blog posts, as well as manage user accounts and handle routing.

Notifications You must be signed in to change notification settings

MuhammadSaim32/BlogApp-React-Js-

Repository files navigation

Blog Application

Live Link: https://blog-app-react-js-seven.vercel.app

This is a full-stack blog application created for learning purposes. The backend is powered by Appwrite, and the frontend is built with React.
This application includes features for creating, updating, and deleting blog posts, as well as user management and routing.


Overview

The Blog Application allows users to:

  • Create, read, update, and delete blog posts.
  • Manage user accounts, including creation and deletion.
  • Handle routing using React Router.
  • Manage state using Redux.
  • Manage forms using React Hook Form.
  • Handle authorization to control access to different pages based on user state.
  • Use Markdown for writing and displaying posts.

Technologies Used

Backend

  • Appwrite: A cloud backend service providing authentication, database, storage, and more.

Frontend

  • React: A JavaScript library for building user interfaces.
  • React Router: A library for handling routing in React applications.
  • Redux Toolkit: For state management.
  • Redux Persist: To persist Redux state.
  • React Hook Form: For form state management and validation.
  • Markdown-It, React Markdown, React Markdown Editor Lite, Remark GFM: For markdown editing and rendering.
  • Tailwind CSS + @tailwindcss/typography: For styling.
  • FontAwesome: For icons.

Features

  • CRUD Operations: Create, read, update, and delete blog posts.
  • User Management: Create and delete user accounts.
  • Routing: Handle routing using React Router.
  • State Management: Manage application state using Redux Toolkit and Redux Persist.
  • Markdown Support: Write and display posts using Markdown.
  • Form Management: Manage forms using React Hook Form.
  • Authorization: Control access to pages based on user authentication state.
  • Post Management: Users can edit and delete their own posts.

About

This is a full-stack blog application created for learning purposes. It features a React frontend and an Appwrite backend, allowing users to create, update, and delete blog posts, as well as manage user accounts and handle routing.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published