paulofreitas-py / nlw-5-react Goto Github PK

View Code? Open in Web Editor NEW

Projeto desenvolvido para gerenciar seus podcasts. Projeto realizado na Next Level Week #5

License: MIT License

JavaScript 1.40% TypeScript 68.66% CSS 3.47% SCSS 26.47%

nlw-5-react's Introduction

Trilha ReactJS

Projeto | Tecnologias | Layout | Licença

Podcastr

Projeto desenvolvido para gerenciar seus podcasts. Projeto realizado na Next Level Week #5 @Rocketseat.

Melhor Podcast Dev. 🎧🎶

Funcionalidades

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

Tecnologias 🚀

Esse projeto foi desenvolvido com as seguintes tecnologias:

Layout 🚧

Desktop Screenshot

Ver mais

Mobile Screenshot

Em breve...

Rprototipo (Figma) do projeto 🚴🏻‍♂️

🎧 Site hospedado na Vercel 🎶

Deploy do projeto 🚴🏻‍♂️

🎧 Site hospedado na Vercel 🎶

Na sua maquina:

Dependências

    "dependencies": {
        "next": "10.1.3",
        "react": "17.0.2",
        "react-dom": "17.0.2"
    },
    "devDependencies": {
        "@types/node": "^14.14.41",
        "@types/react": "^17.0.3",
        "@types/react-dom": "^17.0.3",
        "typescript": "^4.2.4"
    }
    //Ex: $ npm install @types/_____ -D

# Clone o repositório
$ git clone gh repo clone paulofreitas-py/NLW-5-React

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

# 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 Podcastr e tive uma ajuda desta grande comunidade que a Rocketseat construiu no Discord. Feito com ♥ by Rocketseat 👋 Participe da nossa comunidade!