rodrisan / 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.