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

https://github.com/rafa-kozand/ignite_react.js_challenge_04

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Refactoring de classes e TypeScript")
https://github.com/rafa-kozand/ignite_react.js_challenge_04

html html5 ignite ignite-reactjs ignite-rocketseat reactjs rocketseat typescript

Last synced: 7 months ago
JSON representation

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Refactoring de classes e TypeScript")

Awesome Lists containing this project

README

          



GitHub language count
GitHub language count
GitHub repo file count
GitHub repo size
GitHub language count

# Ignite_React.js_Challenge_04

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Refactoring de classes e TypeScript")

## 💻 Sobre o desafio

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS

Essa será uma aplicação já funcional onde o seu principal objetivo é realizar dois processos de migração: de Javascript para Typescript e de Class Components para Function Components.

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

##
![video](https://user-images.githubusercontent.com/70545003/234106684-c2955dfc-7382-4147-87e2-afec91aef652.gif)