Skip to content

ThalysSilva/crud-react

Repository files navigation

CRUD React

Esse é um projeto criado no intuito de apresentar uma manipulação de exibir uma lista, editar um item da lista, criar um item da lista e remover um item da lista. Todos as rotas estão protegidas utilizando JWT. O Projeto foi feito utilizando as premissas do design Mobile first.

Segue o link do projeto na vercel: https://crud-react-thalyssilva.vercel.app/

Se quiser rodar o projeto na sua máquina, siga as instruções abaixo:

-> Baixe o projeto -> Crie um arquivo chamado .env.local na raiz do seu diretório -> Dentro do .env.local adicione a seguinte linha: NEXT_PUBLIC_BASE_URL=XXXX (A API AINDA ESTÁ SENDO DESENVOLVIDA) -> Pelo terminal, acesse a pasta do projeto -> Rode os seguintes comandos: npm install npm run dev -> Acesse o http://localhost:3000 no seu navegador.

As tecnologias utilizadas nesse projeto foram:

  • Next.js
  • JWT
  • React com Context Api / Hooks
  • React-query V4
  • Jest.js
  • Eslint
  • Tailwind
  • Typescript

CRUD React

This project was created to demonstrate an manipulation of display an list, edit an item of this list, create more items to this list and remove an item of list. all routes are protected using JWT. The Project was made using the premises of Mobile fist design pattern.

This is my project in vercel: https://crud-react-thalyssilva.vercel.app/

If you want run this project in your PC, folow the instructions below:

-> Download the project to your pc -> Create a file with name .env.local in directory root -> Inside on .env.local add below row: NEXT_PUBLIC_BASE_URL=XXXXX (THE API IS BEING DEVELOPED) -> In terminal, access the directory project -> Run this commands: npm install npm run dev -> In browser navigate to http://localhost:3000.

The technologies used in this project is:

  • Next.js
  • JWT
  • React with Context Api / Hooks
  • React-query V4
  • Jest.js
  • Eslint
  • Tailwind
  • Typescript

Hope you enjoy it, I accept feedbacks!