Click here to jump to the English version of this README
Este projeto é o resultado da minha participação na 6° edição do Challenge Front-End promovido pela Alura, se trata de uma página web responsiva para um evento musical fictício chamado CodeChella. O site apresenta informações sobre o evento, a programação de shows e uma página para garantir seu ingresso, além de dar a opção ao usuário de escolher entre os temas Verão e Boreal.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | CodeChella |
| 🏷️ Tecnologias |    |
| 🚀 URL | https://codechella-rouge.vercel.app |
| 🔥 Desafio | https://www.alura.com.br/challenges/front-end-6 |
Durante o desenvolvimento deste projeto, eu apliquei os conhecimentos adquiridos nos cursos de HTML, CSS e JavaScript da Alura, bem como aprendi sobre animações usando SVG e acessibilidade para a web. Alguns dos pontos principais do que eu aprendi durante o processo incluem:
- Estruturação semântica de conteúdo HTML para melhorar a acessibilidade e SEO.
- Utilização de CSS Grid e Flexbox para layouts responsivos e flexíveis.
- Criação de animações SVG para adicionar dinamismo e interatividade à página.
- Implementação de técnicas de acessibilidade, como o uso de atributos aria para leitores de tela.
- Armazenamendo de dados no navegador utilizando o LocalStorage.
O projeto foi inteiramente desenvolvido em 3 semanas, utilizando apenas HTML, CSS e JavaScript. Deixo meus agradecimentos a Alura, a instrutora Mônica Hillman que promoveu este Challenge e a Angela Caldas que estava todos os dias no discord tirando dúvidas dos participantes.
Espero que goste!
This project is the result of my participation in the 6th edition of the Alura Front-End Challenge. It is a responsive web page for a fictional music event called CodeChella. The site features information about the event, the show schedule and a page to secure your ticket, as well as giving the user the option to choose between the Summer and Boreal themes.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | CodeChella |
| 🏷️ Tecnologias | |
| 🚀 URL | https://codechella-rouge.vercel.app |
| 🔥 Desafio | https://www.alura.com.br/challenges/front-end-6 |
During the development of this project, I applied the knowledge I gained from the HTML, CSS, and JavaScript courses from Alura, as well as learned about SVG animations and web accessibility. Some of the key points I learned during the process include:
Semantic HTML content structuring to improve accessibility and SEO. Use of CSS Grid and Flexbox for responsive and flexible layouts. Creation of SVG animations to add dynamism and interactivity to the page. Implementation of accessibility techniques, such as using aria attributes for screen readers. Data storage in the browser using LocalStorage. The project was entirely developed in 3 weeks, using only HTML, CSS, and JavaScript. I would like to thank Alura, instructor Mônica Hillman who promoted this Challenge, and Angela Caldas who was available every day on Discord to answer participants' questions.
I hope you enjoy it!