React Query Blog Project

About The Project

This project is a simple blog that uses DummyJSON as backend. It uses React Query for data fetching and Zustand for state management. It also uses React Hook Form for form handling, built with Vite and uses Tailwind CSS for styling.

Table of Contents

• React Query Blog Project
  • About The Project
  • Table of Contents
  • Built With
  • Getting Started
    • Prerequisites
    • Installation
  • Project Roadmap

Built With

• React
• TypeScript
• Vite
• Tailwind CSS
• Axios
• React Query
• Zustand
• React Hook Form
• React Router

Getting Started

Prerequisites

• Node.js

Installation

1. Clone the repo

   git clone

2. Install NPM packages

   npm i

   or

   yarn install

   or

   pnpm i

3. Start the development server

   npm run dev

   or

   yarn dev

   or

   pnpm dev

4. Open http://localhost:3000 with your browser to see the result.

Project Roadmap

• Create the project
• Fetch blog posts from the API
• Create single blog post page
• Fetch comments from the API
• Create simple user profile page
• Create new blog post page
• Create simple navigation bar
• Implement authentication and authorization
• Implement pagination and infinite scroll
• Redesign the profile page
• Create tag pages
• Implement dark mode
• Create add comment form
• Create edit post page
• Create edit comment form
• Implement slug for blog posts
• Implement search
• Complete design overhaul