README.md

Trilha ReactJS

Projeto   |    Tecnologias   |    Layout   |    Licença

Projeto de construção de WebApp durante o NLW#05 com a Rocketseat/Diego Fernandes.

PODCASTR:

O melhor para você ouvir, sempre. 🎧🎶

Funcionalidades

• Escutar podcast.
• Visualizar sobre o que se trata o podcast.
• Gerenciar podcasts.
• ❌ Modal Cookies consent
• ❌ Site responsivo.

Melhoras a serem implementadas

✔ - Documentar bem o projeto
✖ - Melhorar o estilo: Responsividade e Design
✖ - Banco de dados
✖ - Next PWA

Funcionalidades:
    ✔ Trocar o tema da aplicação: Light e Dark
    ✖ - COOKIES:
        - Cookies consent
        - Guardar dados
        - Alterar dados
        - Deletar dados
    ✖ - SQL:
        - Guardar dados
        - Alterar dados
        - Deletar dados
    - Telas:
        ✔ - Home
        ✔ - Episodes
        - 404

Tecnologias 🚀

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Html | 5
• Sass | ^1.32.11
• Typescript | ^4.2.4
• ReactJS | ^17.0.2
• NextJS | ^10.1.3
• NodeJS | ^14.16.1

Layout

Rodando o projeto na sua maquina:

Dependências

    "dependencies": {
        "axios": "^0.21.1",
        "date-fns": "^2.21.1",
        "next": "10.1.3",
        "rc-slider": "^9.7.2",
        "react": "17.0.2",
        "react-dom": "17.0.2",
        "sass": "^1.32.11"
    },
    "devDependencies": {
        "@types/node": "^14.14.41",
        "@types/react": "^17.0.3",
        "@types/react-dom": "^17.0.3",
        "json-server": "^0.16.3",
        "typescript": "^4.2.4"
    }
    //Ex: $ npm install @types/_____ -D

# Clone o repositório
$ git clone https://github.com/flpfrnc/podcastr.git

# Acesse a pasta do projeto
$ cd podcastr

# Instale as dependências
$ npm install
ou
$ yarn install

# Execute o script "server"
$ npm run server
ou
$ yarn server

# Execute o script "dev"
$ npm run dev
ou
$ yarn dev

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

Contribuição

Diego Fernandes da Rocketseat que disponibilizou video aulas do projeto Podcastr

Licença

Este projeto está sob a licença do MIT. LICENSE.