A ideia do projeto era desenvolver um jogo onde o usuário pode tentar "descobrir" ou melhor dizendo, lembrar a maior quantidade de HTML Tags em um determinado tempo.

Overview

GitHub language count Repository size GitHub last commit License

HTML Tag Memory Test

https://tag-memory-test.vercel.app/

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

A ideia do projeto era desenvolver um jogo onde o usuário pode tentar "descobrir" ou melhor dizendo, lembrar a maior quantidade de HTML Tags em um determinado tempo. 💜

⚙️ Funcionalidades

  • Countdown
  • A cada acerrto adiciona 5s ao countdown
  • Modal com resultado total
  • Contador de tags adinvinhadas e do tempo total
  • Login com Github
  • Ranking Top 5
  • Níveis de dificuldade

🛠️ Ambiente de desenvolvimento

Para executar localmente

  • Na raiz do projeto, executar npm install para instalar as dependências
  • Quando concluído, npm run dev
  • Acessar através de http://localhost:3000

Para executar um build

  • Na raiz do projeto, executar npm install para instalar as dependências
  • Quando concluído, npm run build

🚧 Features Futuras

  • Ranking dos usuários
  • Cálculo de "Killing on Spree"
  • Perfil do usuário
  • Login antes de iniciar o teste

💪 Como contribuir para o projeto

  1. Faça um fork do projeto.
  2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
  3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
  4. Envie as suas alterações: git push origin my-feature

🦸 Autor


Igor Santos

Twitter Badge Linkedin Badge Gmail Badge


📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Igor Santos 👋🏽 Entre em contato!

You might also like...
Projeto desenvolvido para consolidar os conhecimentos de React e Typescript
Projeto desenvolvido para consolidar os conhecimentos de React e Typescript

Gerenciador de Finanças Projeto desenvolvido para consolidar os conhecimentos de React e Typescript. 📚 Descrição Gerenciador de finanças utilizando R

Projeto desenvolvido junto com os alunos do curso DEVInHouse - S11A05. React, Material UI, consumo de API.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Projeto final do Modulo 1(Front-end - React) do curso DevInHouse - Turma Teltec e Bry

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Primeiro projeto em React Js, aprendendo os primeiros passos na tecnologia

Getting Started with Create React App Este é o meu primeiro projeto em React JS. Aprendendo a lidar com componentes, states e props, criando uma lista

Projeto final do módulo 5 da @resilia-br realizado em ReactJs.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Projeto desenvolvido na Semana React JS criado pelo @devfraga.
Projeto desenvolvido na Semana React JS criado pelo @devfraga.

Projeto Short Link Projeto desenvolvido na Semana React JS criado pelo Matheus Fraga (Sujeito Programador), com intuito de aprimorar e enriquecer os c

Projeto Reviva Fashion - React
Projeto Reviva Fashion - React

Projeto Reviva Fashion - React

Lista de tarefas Este é o projeto de uma To-Do List que foi feito com Reactjs, utilizando o axios para consumo da API responsável por gerar as tasks
Lista de tarefas Este é o projeto de uma To-Do List que foi feito com Reactjs, utilizando o axios para consumo da API responsável por gerar as tasks

Lista de tarefas Este é o projeto de uma To-Do List que foi feito com Reactjs, utilizando o axios para consumo da API responsável por gerar as tasks,

Projeto criado durante o IgniteLab, usando vite, reactjs, typescript, tailwind e graphql. 3

O projeto Quero Ser Dev virou uma plataforma 🚀 Projeto Plataforma que disponibiliza aulas de reactjs para iniciantes ⚠️ Em 2021, eu havia gravado alg

Owner
Igor Santos
Front-End Developer | HTML | CSS | JavaScript | Typescript | ReactJS | NextJS | Node.Js
Igor Santos
Mylexzin é um projeto desenvolvido em ReactJS. A ideia do projeto é criar uma loja de relógio.

Mylexzin é um projeto desenvolvido em ReactJS. A ideia do projeto é criar uma loja de relógio.

Matheus Maia Alvarez 3 Aug 18, 2022
Primeiro projeto de e-commerce feito na Labenu. A proposta era criar um site de e-Commerce com os recursos React.js.

Primeiro projeto de e-commerce feito na Labenu. A proposta era criar um site de e-Commerce com os recursos React.js.

Joana 9 Oct 30, 2022
Marlon Frade 2 Feb 20, 2022
Esse projeto é uma aplicação que exibe os dados climáticos da região do usuário e de cidades escolhidas. Feito com React Native, typescript e outras tecnologias.

Weather APP Esse projeto é uma aplicação que exibe os dados climáticos da região do usuário e de cidades escolhidas. Features • Pré Requisitos • Rodan

Arthur Pimentel Cordeiro 16 Sep 14, 2022
Projeto de conclusão do Modulo 05 da Resilia Educação. Onde criamos um e-commerce de hotel feito com React.js que consome a API REST feita no modulo 04.

Projeto de conclusão do Modulo 05 da Resilia Educação. Onde criamos um e-commerce de hotel feito com React.js que consome a API REST feita no modulo 04.

Caio Vieira Lima 6 Jun 27, 2022
Joguinho do dinossauro quando está sem internet, mas como se fosse o jogo do mario bros.

Projeto front-end construído no Bootcamp React Web Developer da Digital Innovation One.

paulorpd 10 Mar 13, 2022
Jogo-monty-hall - Monty Hall puzzle made in React

Enigma de Monty Hall (Programa de TV Let’s Make a Deal) Enigma de Monty Hall fei

Bruno Pinheiro 1 Jan 7, 2022
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente

upfi Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corr

Alex Teixeira da Fonseca 1 Feb 3, 2022
React project to scan and write into NFC tags using the Web NFC API.

REACT NFC Sample App About This is a simple sample app demostrating the usage of the Web NFC API. To get the Web NFC API working you will need an Andr

Pato 20 Nov 22, 2022
Projeto #02 - Ignite ReactJS (Rocketseat)

O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado um banco de dados com o Prisma, um CRUD de usuários e um sistema de autenticação baseado na aula de autenticação e autorização.

Matheus Landuci 12 Nov 20, 2022