Blog Post App

An awesome Blog Post React App
App Demo

About The Project

A React based Mini Content Management System where user can browse posts, view post and create new posts

Live Demo

• App Demo

Built With

• React.js
• React Router
• Redux Toolkit

Formatting and linting

• Prettier
• Eslint

Getting Started

To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

   git clone https://github.com/hamzasajid1995/blog-post.git

2. Install NPM packages

   npm install

3. Start project

   npm start

Usage

1. Navbar can be found on top on screen to navigate to different pages.
2. '/Posts' is the home page which will list all the posts. posts are paginated and pagination options can be found on bottom of the screen
3. '/Posts/:postId' is the post details page which can be accesed by clicking any post
4. '/new-post' is the page which can be used to create new posts

Info

1. For routing I'm using react router v6. There is a Layout, which has a navbar and an Outlet for all the nested routes. When deploying to a server we'll use BrowserRouter but for now I'm using HashRouter because app is deployed on Github pages and i can't customize server configs to support BrowserRouter.
2. For State management I'm using react-redux with redux-toolkit. I have also added AsyncThunk and EntityAdapter. The state is also Persited in browser LocalStorage