react-tds-2023-alunos
react-tds-2023-alunos copied to clipboard
Repositório para os alunos do segundo semestre do curso técnico em desenvolvimento de sistemas - SENAI
Projeto NextJS com Requisições API
Descrição
Este projeto é uma aplicação em NextJS com páginas dedicadas a diferentes funcionalidades: "pokemons", "finances" e "students". As requisições à API são feitas apenas nas páginas de "pokemons" e "students", demonstrando a integração eficiente de NextJS com APIs externas.
Tecnologias
- NextJS
- React
- JavaScript
- Axios (para requisições API)
- CSS (ou Styled Components para estilização)
- Git
- Github
Objetivo
O objetivo desta aplicação é fornecer um exemplo prático de como integrar o NextJS com APIs externas, demonstrando o uso de rotas dinâmicas e a eficácia do framework para o desenvolvimento de aplicações React.
Pré-requisitos
Para executar este projeto, é necessário ter instalado:
- NodeJS
- NPM ou Yarn
Etapas de criação do projeto
- Clone o projeto para sua máquina.
- Navegue até o diretório do projeto e execute o comando
npm install
ouyarn install
para instalar as dependências. - Crie os arquivos de configuração do ambiente, como o
.env
para armazenar chaves de API ou outras configurações sensíveis. - Execute o projeto com o comando
npm run dev
ouyarn dev
. - Acesse a aplicação no navegador em http://localhost:3000.
Estrutura do Projeto
O projeto está organizado da seguinte maneira:
-
/pokemons.js
: Página dedicada à exibição de informações sobre pokémons, fazendo requisições à API correspondente. -
/finances.js
: Página dedicada à gestão financeira (adicionar, visualizar transações, etc.). Não possui requisições à API neste exemplo. -
/students.js
: Página dedicada a informações sobre estudantes, fazendo requisições à API correspondente. -
/components/
: Pasta contendo componentes reutilizáveis. -
/api/
: Pasta contendo arquivos de rotas para a API.
Instalação
- Clone o repositório:
git clone https://github.com/FelipeSantos92Dev/react-tds-2023-alunos.git
- Navegue até o diretório:
cd react-tds-2023-alunos
- Instale as dependências:
npm install
ouyarn install
- Execute o projeto:
npm run dev
ouyarn dev
- Acesse a aplicação no navegador: http://localhost:3000