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.