Skip to content

marianaceci/CodeChella2023

Repository files navigation

Front-end Challenge 6 Alura - CodeChella2023

Esse projeto tem o objetivo de apresentar informações sobre o evento fictício de música CodeChella por meios de 5 páginas: Home, Experiência, Setores, Informações e compra de ingresso.

🪧 Vitrine.Dev
✨ Nome CodeChella2023
🏷️ Tecnologias javascript, html, react+vite, react-router-dom, styled-components
🚀 URL https://code-chella2023-nstu9l2j9-marianaceci.vercel.app/
🔥 Desafio https://www.alura.com.br/challenges/front-end-6

Detalhes do projeto

Neste projeto optei por utilizar as tecnologias React+Vite, react-router-dom e styled-components. Ele possui um design responsivo (conceito Mobile First), ou seja, o layout se adapta a diferentes tamanhos de tela. Há também a opção de mudar o tema do site entre summer(claro) e boreal(escuro), como mostra a foto acima. A geração do ingresso com informações do usuário acontece por meio do preenchimento de um formulário com campos validados por código em Javascript. Essas informações são salvas em localStorage para que sejam gravadas no ingresso. Meu próximo passo com este projeto é salvar as informações dos usuários em um banco de dados, assim como passá-lo para Typescript.