https://github.com/2kabhishek/axios-router-list
React app to generate Product List using Axios from JSON server with routing. 🗺🌐
https://github.com/2kabhishek/axios-router-list
axios-router beginner json json-server react
Last synced: 11 months ago
JSON representation
React app to generate Product List using Axios from JSON server with routing. 🗺🌐
- Host: GitHub
- URL: https://github.com/2kabhishek/axios-router-list
- Owner: 2KAbhishek
- License: gpl-3.0
- Created: 2020-12-06T19:32:46.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-07-18T08:01:56.000Z (12 months ago)
- Last Synced: 2025-07-18T12:05:40.298Z (12 months ago)
- Topics: axios-router, beginner, json, json-server, react
- Language: JavaScript
- Homepage: https://2kabhishek.github.io/axios-router-list
- Size: 655 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React app to generate Product List using Axios from JSON server with routing using React Router.
The data is stored in `src/db.json`.
## Prerequisites
Before you begin, ensure you have met the following requirements:
- You have installed the latest version of `node, npm`
## Getting axios-router-list
To get axios-router-list, follow these steps:
```bash
git clone https://github.com/2kabhishek/axios-router-list
cd axios-router-list
npm install # Intall dependencies
./nod_modules/.bin/json-server -w ./src/db.json -p 4000 # Run project installation of json-server on port 4000
npm start # Runs live on localhost:3000
npm test # Runs tests
```
## Using axios-router-list
Copy required Components into your project structure and include them in your jsx.
```jsx
import AllProductsPage from Components/AllProductsPage/AllProductsPage
// Other jsx code
// Code continues
```
Hit the :star: button if you found this useful.
### More Info
Builds on [json-list](https://github.com/2kabhishek/json-list) by adding Axios and React Router support.
