Code Monkey home page Code Monkey logo

diarioreprograma's Introduction

Diário Reprograma

Página SPA (Single Page Application) com todos as atividades desenvolvidas durante o bootcamp. Veja esse projeto 👈 ✍️ 👩‍💻 📖

Tecnologias Utilizadas:

Logo-React Logo do Git Logo JavaScript Logo NPM Logo Vite
Ferramenta Descrição
vite Gerador de projeto front-end
ReactJS Biblioteca javascript
npm Gerenciador de pacotes
axios Para consumo de API
react-router-dom Criador de rotas
netlify Hospedagem
react-icons Icones grátis
css Folhas de estilos
Google fonts Fonte
undraw Banco de ilustrações grátis

Arquitetura:

 📁 diarioreprograma
   |- 📁 src
   |     |- 📁 assets
   |     |- 📁 components
   |       |- 📁 Footer
   |       |- 📁 Header
   |       |- 📁 Menu
   |     |- 📁 pages
   |       |- 📁 Sobre
   |       |- 📁 Comentarios
   |       |- 📁 Projetos
   |       |- 📁 Diario
   |       |- 📁 Contato
   |     |- 📁 routes
   |- 📁 node_modules
   |- 📄 app.jsx
   |- 📄 main.jsx
   |- 📄 .gitignore
   |- 📄 package.json  
   |- 📄 package-lock.json

Conteúdos aprendidos na Semana 16, React III do bootcamp:

Revisão:

  • Como preparar o ambiente e criar o projeto React com vite
  • Componentes: O que são
  • Props
  • Eventos
  • Estados
  • Listas e Chaves (key-id)
  • React Hooks (useState e useEffect)
  • Consumir API em React
  • Prática usando todos os conceitos aprendidos na aula

Novo conteúdo da semana:

  • Introdução ao Roadmap React + Próximos passos
  • Rotas - React Router
  • Projeto guiado do zero ao deploy

Desafio da semana:

  • Criar organização das pastas
  • Criar rotas
  • Criar Menu
  • Criar Header
  • Criar páginas
  • Comentários usando localStorage
  • Subir no netlify e incluir a configuração de redirects
  • Criar e incluir footer
  • Criar e inclir páginas: Sobre, Diário da reprograma e Contato

diarioreprograma's People

Contributors

marianapequeno avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.