A simple CRUD (Create, Retrieve, Update, Delete) app with React Hooks (+Axios) consuming a simple Node.js API server (+Sequelize Sqlite).
npm init -y
npm i express
npm i sequelize
npm i sqlite3
npm i cors
npm i --save-dev sequelize-cli
const express = require('express'); const cors = require('cors'); const app = express(); const PORT = 3333; app.use(express.urlencoded({ extended: false })); app.use(cors()); app.use(require('./routes')); app.listen(PORT, () => { console.log(`Server started at: http://localhost:${PORT}`); });
CSS Style – (HTML tags on index.html): Materialize
npm start
Start react app. Port: http://localhost:3000
npm start
Start API server. Port: http://localhost:3333
Database in: database/database.sqlite
The database.sqlite already contains some data.
VERB | ROUTE |
---|---|
get | /api |
post | /api |
put | /api/:id |
delete | /api/:id |
We evaluated the performance of Llama 3.1 vs GPT-4 models on over 150 benchmark datasets…
The manufacturing industry is undergoing a significant transformation with the advent of Industrial IoT Solutions.…
If you're reading this, you must have heard the buzz about ChatGPT and its incredible…
How to Use ChatGPT in Cybersecurity If you're a cybersecurity geek, you've probably heard about…
Introduction In the dynamic world of cryptocurrencies, staying informed about the latest market trends is…
The Events Calendar Widgets for Elementor has become easiest solution for managing events on WordPress…