Alura Studies

Hello! Alura Studies was developed during Alura's Class React: writing with TypeScript. The goal of the page is to control and time study topics. You can include new topics and setting the time you need to study for each of them. You can also select each topic and use the timer to mark the time. At the end of the time the task is marked as done.

This React with TypeScript project was created from scratch using Create React App. React's concepts and good practices were addressed and TypeScript was the main focus in the class.

To see the final result, click here.

Used tools:

• React
• TypeScript

(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)

Initializing the project on your computer

• Clone the repository using the command line:

  • git clone link of the repository
  • cd file of the repository

• Go to the projects main file:

  • cd name of the file

• Run the code:

  • npm install (to install all project's dependencies)
  • npm start (to open the project on your browser)

• In case the project does not opend automatically type http://localhost:3000 on your browser

Alura Studies

Olá! O Alura Studies foi desenvolvido durante o curso React: escrevendo com TypeScript, da Alura. O objetivo dessa página é controlar e cronometrar o tempo de tópicos de estudo. Nele você consegue incluir novos tópicos enquanto seta o tempo que pretende estudar cada um deles. Você também consegue selecionar cada um dos tópicos e utilizar o cronômetro para marcar o tempo de estudo. Ao final do tempo, a tarefa é marcada como concluída.

Esse projeto React com TypeScript foi criado do zero utilizando Create React App. Os conceitos de React foram todos repassados, assim como boas práticas, e a utilização do TypeScript foi o foco do curso.

Para acessar o resultado final da página, clique aqui.

Ferramentas utilizadas:

• React
• TypeScript

Iniciando as versões do projeto na sua máquina

• Clone o repositório através do terminal:

  • git clone link do repositório
  • cd pasta do repositório

• Entre na pasta do projeto:

  • cd nome da pasta

• Rode o código na sua máquina:

  • npm install (para instalar as dependências do projeto)
  • npm start (para abrir o projeto no seu navegador)

• Caso o projeto não abra automaticamente, digite http://localhost:3000 no seu navegador