Game Dev

O Game Dev foi um projeto/desafio proposto pelo Programar com Você, visando a prática da tecnologia react e o aperfeiçoamento front-end. Trata-se de um website responsivo e com uma interface de usuário intuitiva e moderna, baseado em um design criado no Figma e que visa divulgar um curso de desenvolvimento de jogos.

Objetivos do projeto

• Aprendizado contínuo, uma vez que trata-se uma projeto cujo objetivo é a prática e o aperfeiçoamento do conhecimento das tecnologias estudadas;
• Boas práticas do código, pois incentiva a constante codificação e organização dos arquivos;
• Estimula às práticas de demonstrações tecnológicas, já que permite uma maior interatividade e responsividade.

Tecnologias utilizadas

• HTML: Para estruturação do conteúdo web.
• CSS: Visando a estilização e responsividade do layout.
• React: tornando a experiência do usuário mais interativa e eficiente.
• Vite: Para construção ágil e leveza do projeto.

Deploy disponível

Game Dev

Design

Modelo Figma

Funcionalidades

• Design Responsivo: Foram utilizadas técnicas de CSS como grid e flex, para garantir que o site fique visualmente atraente funcional em qualquer dispositivo.
• Navegação intuitiva: A interface de usuário é limpa e fácil de navegar, permitindo a localização de informações do curso.
• Seções Informativas: Há páginas dedicadas para descrever o curso, seção demonstrando módulos e depoimento dos alunos.

A organização do site

Telas

Visualização da primeira tela via Web

Visualização da segunda tela via Web

Visualização da tela via Celular

Instalação e Execução

Pré-requisitos

• Node.js (v14 ou superior)
• npm (v6 ou superior) ou yarn

Passos para Instalação

1. Clone o repositório:

   git clone https://github.com/seu-usuario/seu-repositorio.git

2. Navegue até o diretório do projeto:

   cd seu-repositorio

3. Instale as dependências:

   npm install
   # ou
   yarn install

4. Execute o projeto:

   npm run dev
   # ou
   yarn dev

Considerações finais

Este projeto me ajudou de forma significativa a desenvolver e praticar minhas habilidades como programadora front-end, especialmente a ter contato com tecnologias importantes para uma desenvolvedora, como react e vite, de forma profissional e interativa, facilitando também um design responsivo e intuitivo para o usuário, além de contribuir para o meu portfólio pessoal.

Assim como os demais projetos, este está aberto a sugestões e contribuições. Então, fique à vontade de sugerir melhorias e contribuir com novas funcionalidades e/ou correções de bugs.

Agradecimentos

• Ao Programar com Você pelo desafio proposto;
• A minha mentora Mozaliza Loren por estar sempre me desafiando;
• Ao meu colega e amigo Alisson Oliveira por estar sempre me incentivando;
• E aos demais colegas de daily, pelo apoio e suporte.

Contato

• LinkedIn: https://www.linkedin.com/in/mirraely/
• GitHub: https://github.com/mirraelly
• Instagram: https://www.instagram.com/mirraely__/

Outras considerações

• Seguido o modelo do Figma disponibilizado pela Programar com Você.
• Desenvolvimento para fins didáticos.