Plataforma My Blockly Maze

Sobre o projeto

Neste projeto foi desenvolvida a segunda versão da plataforma My BLOCKLY Maze. A nova versão serviu como forma de estudo da utilização do Framework Next.js para implementação do Front-end e Back-end de uma aplicação web.

Foram abordados os conceitos de Server-Side Rendering (SSR), Static-Site Generation (SSG), Image Optimization, Font Optimization, Next Auth, Search Engine Optimization (SEO), entre outros.

Para informações mais detalhadas sobre a plataforma My BLOCKLY Maze acesse o repositório da primeira versão clicando AQUI.

Linguagens, dependências e bibliotecas usadas 📚

• TypeScript
• JavaScript
• Next.js
• Next Auth
• Next Seo
• Next Connect
• React.js
• React countup
• React device detect
• React ga4
• React hook form
• React icons
• Teact hot toast
• React wrap balancer
• Firebase
• Prisma
• Prisma Client
• Bcrypt
• Multer
• Uuid
• Validator
• Axios
• Copy to clipboard
• Dayjs
• Framer motion
• AutoAnimate
• Styled components
• Usehooks-ts

Iniciando ▶️

• No terminal, clone o projeto:

git clone https://github.com/diegovds/my-blockly-maze.git

• Agora instale as dependências usando:

npm install

• Em seguida, inicie o projeto usando:

npm run dev

• Após a compilação, a página será aberta em seu navegador, caso contrário, basta acessar localhost:3000