clayton-klein / react-my-travel-journal

Quarto projeto (segundo solo) desenvolvido em React seguindo o curso citado no README

Home Page:https://iridescent-dolphin-e1bfa1.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Status: finalizado.


React My Travel Journal (solo)

Este foi o quarto projeto (segundo solo) desenvolvido através do curso React Course - Beginner's Tutorial for React JavaScript Library [2022]

Este projeto não teve 'solução' nem 'arquivos prontos' (HTML e CSS por exemplo), o instrutor apenas forneceu o design no Figma e a idéia é conseguir desenvolver tudo desde o início utilizando React.

Foi desenvolvido uma página "diário de viagens".

Link do curso: https://youtu.be/bMknfKXIFA8

Link do design no Figma: https://www.figma.com/file/QG4cOExkdbIbhSfWJhs2gs/Travel-Journal?node-id=0%3A1&t=Recf1eF6d8Pm9fsu-0

Requerimentos:

  • Criar um array de objetos com os dados dos cards em um arquivo .js separado, os objetos devem conter as seguintes informações:
    • título,
    • localização,
    • link do Google maps,
    • data de início,
    • data do fim,
    • descrição,
    • URL da imagem (Unsplash).
  • Utilizar .map() e props para criar os cards dinamicamente.

Resultado:

screenshot da página do projeto

About

Quarto projeto (segundo solo) desenvolvido em React seguindo o curso citado no README

https://iridescent-dolphin-e1bfa1.netlify.app/


Languages

Language:JavaScript 61.2%Language:CSS 28.8%Language:HTML 10.0%