Skip to content

SRayen/Mini-Blog-V-2.0-React-RTK-Query

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mini-Blog-Project

Description :

The Mini-Blog-Project is a web application that allows users to explore and engage with a collection of posts. Users can read the posts, interact with the content. Additionally, users have the ability to edit or delete existing post or create new posts. The application also provides a feature to access author profiles and view their posts.

This Project :

Relies on RTK Query hooks with identifiable cache keys.
Use multiple queries, loading states, etc. inside of one component.
Use of selectFromResult in useQuery hooks with accompanying loading, success, and error states
integrated normalized cache state & optimistic update

Tech Stack

Client: React, Redux

Server: JSON Server

Concepts are used :

  • React
  • Redux Toolkit
  • React advanced hooks
  • React Router 6
  • JSON Server
  • Date-fns
  • RTK Query : createApi - createEntityAdapter - selectFromResult ...

Deployment :

  • Netifly
  • Glitch

Screenshots:

Capture d’écran 2023-05-13 012701

Capture d’écran 2023-05-13 020438

Installation :

To run the Mini-Blog-Project locally, follow these steps:

1.Clone the repository:

git clone https://github.com/SRayen/Mini-Blog-Project-V-2.0-RTK-Query.git

2.Navigate to the project directory::

cd Mini-Blog-Project

3.Install the dependencies:

npm install

4.Run the App:

npm start