/challenge-frontend-volunteer-react-1-step

⚛️ 📚 This is a technical test to frontend volunteer position. Presentation of developer Cristian.

Primary LanguageTypeScript

🇺🇸 English (apenas no GitHub)
🇧🇷 Português


Presentation

Um teste técnico no processo seletivo frontend fusion que visa conseguir um cargo de voluntário, sendo o desafio desenvolver uma apresentação sobre mim.

Image App

🔨 Recursos do projeto

Este desafio foi criado para avaliar as habilidades em desenvolvimento com React e a capacidade de criar uma página de apresentação pessoal. Aqui estão os recursos adaptados:

  • Seu nome
  • Uma breve descrição sobre você
  • Suas habilidades
  • Seus projetos recentes
  • Links para suas redes sociais (LinkedIn, GitHub, etc.)

Para se destacar, recomendamos implementar os seguintes diferenciais:

  • Tailwind CSS: Utilize Tailwind CSS para estilizar sua página.
  • Gerenciadores de Estado: Utilize gerenciadores de estado como Redux ou Context API para gerenciar o estado da aplicação.
  • Responsividade: Certifique-se de que sua página seja totalmente responsiva e funcione bem em diferentes dispositivos.
  • Boas Práticas de Código: Siga boas práticas de código, como organização de arquivos, componentes reutilizáveis e uso adequado de - hooks.
  • Acessibilidade: Implemente boas práticas de acessibilidade para garantir que sua página possa ser utilizada por todos.
  • Animações e Transições: Adicione animações e transições para melhorar a experiência do usuário.
  • Commits Semânticos: Utilize commits semânticos para manter um histórico de commits claro e organizado.

⚙️ Técnicas e tecnologias usadas

Confira essa lista de tudo que vamos usar nesse app:

  • Vite
  • TypeScript
  • TailwindCSS
  • React Audio Player
  • React Icons
  • Vercel Deployment
  • GitHub

🛠️ Abra e execute o projeto

Para abrir e executar o projeto, execute npm i para instalar as dependências e npm run dev para iniciar o projeto.

Em seguida, vá para http://localhost:5173/ em seu navegador.

📚 Mais informações do tutorial

Uma parte curiosa da etapa de desenvolvimento foi que o arquivo de áudio foi gerado no google notebooklm, trata-se de umm assistente de pesquisa de IA personalizado, desenvolvido com o modelo mais avançado do Google, o Gemini 1.5 Pro. Nos serviços oferecidos pelo NotebookLM, você pode carregar seu currículo e pedir para a IA gerar um arquivo de áudio, criando esse formato de discussão/podcast. Achei sensacional, e funciona para qualquer arquivo ou assunto de interesse. Para inspiração do design, encontrei e adaptei do figma a arte de Marcos Oliveira. A descrição completa dos requisitos/desafio pode ser encontrada aqui.

🪧 Vitrine.Dev
✨ Nome Presentation
🏷️ Tecnologias Vite, Typescript, TailwindCSS, React Audio Player, React Icons, Vercel Deployment, GitHub (tecnologias utilizadas)
🚀 URL https://cristian-melo-developer.vercel.app/
🔥 Desafio https://github.com/Projeto-FrontEnd-Fusion/.apresentacao-pessoal-frontend