Trilha ReactJS

Projeto   |    Tecnologias   |    Layout   |    Licença

Letmeask

Projeto desenvolvido para gerenciar perguntas, fazer perguntas em real-time com funcionalidade de votação. Projeto realizado na Next Level Week #6 (together) @Rocketseat.

Funcionalidades

• Gerenciar perguntas
• Real-time
• Login com Google e Github
• Modal Cookies consent
• Firebase
• Tema 'Light' e 'Dark'
• Site responsivo

Desafios

✔ - Documentar bem o projeto
✔ - Melhorar o estilo: Responsividade e Design
✔ - Bloquear funcionalidades se não estiver logado
✔ - Banco de dados
✖ - Next PWA

Funcionalidades:
    ✔ - Trocar o tema da aplicação: Light e Dark
    ✔ - Banco de dados externo (Firebase)
    ✔ - Firebase:
        ✔ - Login com Google
        ✔ - Login com Github
    ✔ - Toast:
        ✔ - Sucesso
        ✔ - Error
        ✔ - Info
    ✔ - Modal:
        ✔ - Close room
        ✔ - Delete question
    - Telas:
        ✔ - Home('/')
        ✖ - Settings('/settings')
        ✔ - CreateRoom('/room/new')
        ✔ - RoomsQA:
            ✖ - PublicRooms('/rooms')
            ✔ - User('/rooms/[id]')
            ✖ - AdminConfigs('/admin')
            ✔ - Admin('/admin/rooms/[id]')
        ✔ - 404

Tecnologias 🚀

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Html | 5
• Sass | 6
• Typescript | ^4.3.4
• ReactJS | ^17.0.2
• NextJS | ^11.0.0
• NodeJS | ^14.16.1

Layout 🚧

Desktop Screenshot

Ver mais

Mobile Screenshot

Ver mais

Rodando o projeto 🚴🏻‍♂️

"Só vou dar uma olhadinha...":

🙋🏻‍♀️ Site hospedado na Vercel 💬

Na sua maquina:

Dependências

  "dependencies": {
    "firebase": "^8.6.8",
    "next": "11.0.0",
    "next-themes": "0.0.14",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "sass": "^1.35.1"
  },
  "devDependencies": {
    "@types/react": "17.0.11",
    "eslint": "7.29.0",
    "eslint-config-next": "11.0.0",
    "next-sitemap": "^1.6.121",
    "typescript": "4.3.4"
  }

Ex: $ npm install _____ para instalar as dependências

Utilize a tag -D para instalar as dependências de desenvolvimento. Utilize a tag @types para instalar o suporte a Typescript. Utilize a tag @latest para instalar a versão mais recente.

# Clone o repositório
$ git clone https://github.com/NyctibiusVII/Letmeask.git

# Acesse a pasta do projeto no prompt de comando
$ cd Letmeask

# Instale as dependências
$ npm install

# Execute o script "dev"
$ npm run dev

# O projeto inciará na porta: 3000 - acesse http://localhost:3000

Contribuição 💭

Para construir essa aplicação tive a ajuda do professor Diego Fernandes da Rocketseat que disponibilizou video aulas do projeto Letmeask e tive uma ajuda desta grande comunidade que a Rocketseat construiu no Discord. Feito com ♥ by Rocketseat 👋 Participe da nossa comunidade!

Hashtags #

Dias	Hashtags
Dia 1	#Together
Dia 2	#Unidade
Dia 3	#EmBuscaDeEvolução
Dia 4	#Legacy
Dia 5	#JuntosNoPróximoNivel

Licença ⚖️

Este projeto está sob a licença do MIT. Veja o arquivo LICENSE para mais detalhes.

Contato ✉️

@MatheusVidigal🦊