Site desenvolvido para participar do desafio "I Design, You Build! - Frontend Challenge #4 (Supabase version)" proposto pelo Zernonia
Link de Demonstração
·
Reporte Bugs
·
Novas Funcionalidades
Objetivos:
- 🎯 Alvo: Buscar dados da API fornecida
- 🎯 Alvo: Pesquisar jogos por nome
- 🎯 Alvo: Ordenar os jogos por "Preço" e "Nome"
- 🎯 Alvo: Carrossel
- 🎯 Alvo: Design responsivo
- 🎯 Alvo: Link externo para a página do jogo na Steam
Extra:
- 🌟 Extra: Estado de carregamento (loading/skeleton)
- 🌟 Extra: Animação hover
Recursos:
- 📃 Supabase : supabase.com/docs/reference/javascript/select
- 📃 Icon : icones.js.org/collection/all
- 📃 Hosting : vercel.com
As seguintes ferramentas foram usadas na construção do projeto:
O layout da aplicação está disponível no Figma:
Frontend
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone git@github.com:fabioivi/STAEM.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd STEAM
# Instale as dependências
$ yarn install
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
Fábio Duarte 🚀
Feito com ❤️ por Fábio Duarte 👋🏽 Entre em contato!