Front-end da plataforma My Blockly Maze (acesso à plataforma)
Este projeto foi implementado durante o meu trabalho de conclusão de curso. Nele foi desenvolvida uma plataforma de criação e compartilhamento de jogos de labirinto. Também é possível jogar suas criações e as da comunidade.
Os jogos utilizam programação baseada em blocos para concluir os desafios.
A plataforma é dividida em outras duas aplicações:
- Maze Builder - ferramenta de criação dos jogos, nela é possível elaborar um jogo de labirinto com imagem de fundo e níveis de desafio personalizados.
- Maze Game - versão modificada do Maze Blockly Games desenvolvido pelo Google. Tem como função executar os jogos personalizados.
...
- JavaScript
- ReactJS
- react-router-dom
- Firebase
- react-icons
- react-modal
- react-toastify
- framer-motion
- react-loading-skeleton
- copy-to-clipboard
- Axios
- GA4React
- react-hook-form
- usehooks-ts
- validator
- react-device-detect
- react-lazy-load-image-component
...
- No terminal, clone o projeto:
git clone https://github.com/diegovds/maze-game-generator
- Agora instale as dependências usando:
npm install
- Em seguida, inicie o projeto usando:
npm start
- Após a compilação, a página será aberta em seu navegador, caso contrário, basta acessar o localhost:3000
...