Mini-Blog-Project

Live preview : https://mini-blog-v2-react.netlify.app/

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:

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