Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daraperini/learning-react-typescript-alura-studies
Organizing your studies is easier using this page! Make a list of tasks and set the time to each. Use the timer to control the development of each task.
https://github.com/daraperini/learning-react-typescript-alura-studies
react typescr
Last synced: about 20 hours ago
JSON representation
Organizing your studies is easier using this page! Make a list of tasks and set the time to each. Use the timer to control the development of each task.
- Host: GitHub
- URL: https://github.com/daraperini/learning-react-typescript-alura-studies
- Owner: daraperini
- Created: 2024-01-04T15:25:52.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-24T15:08:30.000Z (10 months ago)
- Last Synced: 2024-01-24T16:29:54.709Z (10 months ago)
- Topics: react, typescr
- Language: TypeScript
- Homepage: https://learning-react-typescript-alura-studies.vercel.app/
- Size: 325 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://learning-react-typescript-alura-studies.vercel.app/).
## 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](https://learning-react-typescript-alura-studies.vercel.app/).
## 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