https://github.com/ericneves/simplereactcrud

:rocket: Simple React CRUD with ReacJS, JSON Server, React Router DOM, Axios and more...
https://github.com/ericneves/simplereactcrud

Last synced: 2 months ago
JSON representation

:rocket: Simple React CRUD with ReacJS, JSON Server, React Router DOM, Axios and more...

• Host: GitHub
• URL: https://github.com/ericneves/simplereactcrud
• Owner: EricNeves
• License: mit
• Created: 2023-05-02T04:04:52.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-13T02:52:16.000Z (about 3 years ago)
• Last Synced: 2025-01-18T07:27:02.137Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 969 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Logo](.github/favicon.ico)

### Simple ReactJS CRUD 🦜

![Commit](https://img.shields.io/github/last-commit/ericneves/simpleReactCRUD?color=success&logo=appveyor&logoColor=success&style=flat-square)

![License](https://img.shields.io/github/license/ericneves/simplereactcrud?color=blue&logo=appveyor&logoColor=blue&style=flat-square)

Esse sistema consiste em exemplificar a criação de um CRUD (CREATE, READ, UPDATE & DELETE) com ReactJS e json-server.

A aplicação possui 2 diretórios, backend e frontend, no backend foi utilizado a biblioteca json-server para simular uma REST API. Já no frontend por sua vez, foram utilizados ReactJS, CSS, UseEffect para lidar com o ciclo de vida dos componentes, react-router-dom, Axios, e entre outros.

![Recorder](.github/recorder.gif)

![Screenshot](.github/screenshotA.png)

#### Executando 🤖

```sh

# Clone

$ git clone https://github.com/EricNeves/simpleReactCRUD.git

# Install Dependencies - Backend

$ cd backend && npm install

# Execute Backend

$ npm start 

# Install dependencies - Frontend

$ cd frontend && npm install

# Execute Frontend

$ npm start

```

#### Ferramentas 👾

* 🛸 Backend

  * [json-server](https://www.npmjs.com/package/json-server)

* 🔭 Frontend

  * ReactJS

  * CSS

  * [axios](https://axios-http.com/ptbr/docs/intro)

  * [react-router-dom](https://www.npmjs.com/package/react-router-dom)

  * [react-icons](https://react-icons.github.io/react-icons/)

#### Autor 👽

* Eric Neves

#### Licença 📝

![License](https://img.shields.io/github/license/ericneves/simplereactcrud?color=blue&logo=appveyor&logoColor=blue&style=flat-square)