Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rminelli/crud-project

JavaScript CRUD project using React and full fake REST API with JSON Server
https://github.com/rminelli/crud-project

crud-application javascript react react-router

Last synced: 28 days ago
JSON representation

JavaScript CRUD project using React and full fake REST API with JSON Server

Awesome Lists containing this project

README

        

# Crud Project
## JavaScript CRUD project using React and full fake REST API with JSON Server

[![prettier](https://img.shields.io/badge/styled%20with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![GitHub](https://img.shields.io/github/license/mtxr/vscode-sqltools?style=flat-square)](https://github.com/rminelli/brastlewark-search/blob/master/LICENSE)

This project was created with:

- JavaScript
- React
- Json server
- Axios

![](preview.gif)

## How to Use

```shell
# Clone this repository
$ git clone https://github.com/rminelli/crud-project

# Go into the repository
$ cd crud-project

# Backend
$ cd backend

# Install dependencies
$ npm install

# Run backend
$ npm start
Backend runs with json-server
Resources: http://localhost:3001/users

# Frontend
$ cd frontend

# Install dependencies
$ npm install

# Run frontend
$ npm start

Runs the app in the development mode
Open http://localhost:3000 to view it in the browser. (This usually happens automatically)

# Run test
$ npm test

Launches the test runner in the interactive watch mode
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests)

# Build
$ npm run build

Builds the app for production to the `build` folder
It correctly bundles React in production mode and optimizes the build for the best performance.

```

❤️