| 🇺🇸 English |
| 🇧🇷 Português |
Video | Technologies | About | Differentials | Cloning | Contact
copa-web-video.mp4
If the video has any errors, reload the page!
Watching the video above will help you understand the explanation!
This project is the Copa Desktop-First Web Interface, a world cup themed application that performs the registration and management of pools, games and users, developed during the Ignite trail of the NLW Cup of Rocketseat.
The data is provided by its API developed essentially with Fastify, and that consumes it using the SSR concept (getServerSideProps) from Next. Here, through the Web version, in addition to showing the numerical data retrieved from the API, it is also possible to create pools.
The project is relatively simple, consisting of only 1 page, as this Web version is complementary to the Mobile version developed essentially with React Native, where there are other functionalities more complex, such as the authentication system with Google, the possibility of entering the pools created by other people, among others.
- Responsiveness;
- Automatic update of created pools;
To clone and run this project on your computer you will need Git and Node.js v16.13.2 or higher previously installed.
You'll also need the project's API running, so before continuing here, go to API Repository and go through the steps on how to clone and run it first!
After these two steps, in the terminal:
# Clone this repository with:
> git clone https://github.com/Luk4x/copa-web.git
# Enter the repository with:
> cd copa-web
# Install dependencies with:
> npm install
# Run the project with:
> npm run dev
# Once this is done, you will be able to access the project through the link that will appear in the terminal! (something like http://localhost:3000/ or http://0.0.0.0:3000/)
Vitrine.Dev 🪟
|
Lucas Maciel
|
