Build React.js Express SQLite3 CRUD App Using Sequelize & Node.js in Browser Full Project For Beginners

 

BACKEND OF APP

 

 

npm init -y

 

 

npm i express

 

 

npm i sequelize

 

 

npm i sqlite3

 

 

npm i cors

 

 

npm i --save-dev sequelize-cli

 

 

index.js

 

 

 

 

Simple Crud

A simple crud app with React Hooks (+Axios) consuming a simple Nodejs api server (+Sequelize Sqlite).

Screenshot

alt text

frontend

dependencies links
axios link
querystring link
react link
react-dom link
react-scripts link

CSS Style – (html tags on index.html): Materialize

npm start

Start react app. Port: http://localhost:3000

 

backend

dependencies links
cors link
express link
sequelize link
sqlite3 link
dev-dependencies links
nodemon link
sequelize-cli link

npm start

Start api server. Port: http://localhost:3333

 

Database in: database/database.sqlite

The database.sqlite already contains some data.

Api routes:

verb route
get /api
post /api
put /api/:id
delete /api/:id

 

 

https://github.com/arturguitelar/simple-crud-react-nodejs

 

Leave a Reply