🇺🇸 English
React project developed by Raphael Martins at the end of Unit 11 (Front-end Development Module) of Trybe's Web Development course. I was approved with 100% of the mandatory and optional requirements met.
We had to develop a Top Trumps-style card game application by manipulating the components' states and props.
Special thanks to Nibroc-Rock who allowed me to use his 3D artwork in the cards.
Click here to check out the final version of the project on your browser.
This project is still under development, I'm implementing integration tests.
- Implementing integration tests with React Testing Library
- Adding English translation (the project is currently only available in Brazilian Portuguese)
- I still need to implement how the Top Trump/Super Trunfo attribute influences the game
- Reducing the complexity of the CreateCardForm and Input components
🇧🇷 Português
Projeto React desenvolvido por Raphael Martins ao final do Bloco 11 (Módulo Desenvolvimento Front-end) do curso de Desenvolvimento Web da Trybe. Fui aprovado com 100% dos requisitos obrigatórios e opcionais atingidos.
Tivemos que desenvolver uma aplicação de jogo no estilo Super Trunfo manipulando os estados e propriedades dos componentes.
Agradecimento especial a Nibroc-Rock que me autorizou utilizar suas artes 3D nas cartas.
Clique aqui para conferir a versão final do projeto no seu navegador.
Este projeto ainda está em desenvolvimento, estou implementando testes automatizados de integração
- Implementando testes automatizados de integração com a React Testing Library
- Adicionando tradução para o inglês (atualmente o projeto está disponível apenas em português brasileiro)
- Ainda preciso implementar como o atributo Super Trunfo influencia no jogo
- Reduzir a complexidade dos componentes CreateCardForm e Input
🇺🇸 English
- Develop a React application
- Create and reuse React components
- React to user interactions by manipulating the components' states and props according to user events
- Use the React Router library to handle page navigation
- Use the Redux library for state management
🇧🇷 Português
- Desenvolver uma aplicação React
- Criar e reutilizar componentes
- Reagir a interações do usuário manipulando estados e propriedades de acordo com eventos
- Usar a biblioteca React Router para lidar com navegação entre páginas
- Usar a biblioteca Redux para gerenciamento de estado
- Mobile First
- HTML5
- CSS3
- JavaScript ES6+
- React.js
- React Router v6
- Redux.js
- React Testing Library (RTL)
- React Icons (icon library)
- Sass
- GitHub Pages
🇺🇸 English
The Sonic the Hedgehog franchise and characters belong to Sega, all rights reserved. I developed this project for learning purposes, it's not related to the company. Most of the 3D renders artwork in the cards were designed by Nibroc-Rock, some of them are official artwork from the games, though.
🇧🇷 Português
A franquia Sonic the Hedgehog e seus personagens pertencem a Sega, todos os direitos reservados. Eu desenvolvi este projeto para propósitos de aprendizagem, não possui relação com a companhia. A maioria das artes 3D nas cartas foi criada por Nibroc-Rock, contudo, algumas são artes oficiais extraídas dos jogos.