olinations/crud-starter-frontend

React and Bootstrap frontend to handle any CRUD API.

CRUD Starter Frontend

This is the React frontend that goes with the CRUD Starter API backend. It can, however, be used as a starter for any app that features get, post, put and delete requests.

It uses Bootstrap styles and reactstrap, which creates Bootstrap components, to create a responsive data table that displays all data from a table in a database. It has a modal form for adding and editing items, a delete and edit button in each item row, and a button to download the entire database table into a CSV file.

It uses react-csv to create the CSV download button.

Instructions

1. Clone this repo

git clone https://github.com/olinations/crud-starter-frontend.git

2. NPM install React and dependencies

npm install

Notes

For full details on every piece of code in this CRUD Starter Frontend visit the companion Medium article here.

crud-starter-frontend's Issues

Running the application

Hi,

Since I am new to full stack development, I have a few queries regarding running the application.
Do I have to enter "npm start" commands both in frontend and backend folders? When I use "npm start" for frontend, it is running on port 3000. How should I run it on port 3001?
Also, in what sequence should I run the commands? And, on what port should the postgresql should be running...port 3000 or another port?

Suggestion to include Pagination on components DataTable

I deeply appreciate your code Very cool your initiative !

What The efforts to include pagination in the DataTable component ?
is it complex ?