https://github.com/felipesantos92dev/react-tds-2023-alunos

Repositório para os alunos do segundo semestre do curso técnico em desenvolvimento de sistemas - SENAI
https://github.com/felipesantos92dev/react-tds-2023-alunos

css-modules javascript nextjs reactjs senai tds

Last synced: 25 days ago
JSON representation

Repositório para os alunos do segundo semestre do curso técnico em desenvolvimento de sistemas - SENAI

• Host: GitHub
• URL: https://github.com/felipesantos92dev/react-tds-2023-alunos
• Owner: FelipeSantos92Dev
• Created: 2023-10-05T11:01:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-22T19:07:23.000Z (8 months ago)
• Last Synced: 2024-10-14T02:22:22.862Z (25 days ago)
• Topics: css-modules, javascript, nextjs, reactjs, senai, tds
• Language: JavaScript
• Homepage:
• Size: 174 KB
• Stars: 52
• Watchers: 2
• Forks: 64
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Projeto NextJS com Requisições API

[![Capa do Projeto](https://i.imgur.com/E8YvzaC.png)](https://github.com/FelipeSantos92Dev/react-tds-2023-alunos)

## 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

1. Clone o projeto para sua máquina.

2. Navegue até o diretório do projeto e execute o comando `npm install` ou `yarn install` para instalar as dependências.

3. Crie os arquivos de configuração do ambiente, como o `.env` para armazenar chaves de API ou outras configurações sensíveis.

4. Execute o projeto com o comando `npm run dev` ou `yarn dev`.

5. Acesse a aplicação no navegador em [http://localhost:3000](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

1. Clone o repositório: `git clone https://github.com/FelipeSantos92Dev/react-tds-2023-alunos.git`

2. Navegue até o diretório: `cd react-tds-2023-alunos`

3. Instale as dependências: `npm install` ou `yarn install`

4. Execute o projeto: `npm run dev` ou `yarn dev`

5. Acesse a aplicação no navegador: [http://localhost:3000](http://localhost:3000)

## Autor

[Felipe Santos](https://github.com/FelipeSantos92Dev)

## Links Úteis

- [NextJS](https://nextjs.org/)

- [React](https://reactjs.org/)

- [Axios](https://axios-http.com/)

- [NodeJS](https://nodejs.org/en/)

- [NPM](https://www.npmjs.com/)

- [Yarn](https://yarnpkg.com/)

- [Git](https://git-scm.com/)

- [Github](https://github.com/FelipeSantos92Dev/node-tds-2023-alunos)

- [Github](https://github.com/FelipeSantos92Dev/react-tds-2023-alunos)