{"id":15099700,"url":"https://github.com/joaoplgaspar/studies-timing","last_synced_at":"2026-01-07T13:02:55.328Z","repository":{"id":187517810,"uuid":"677063758","full_name":"joaoplgaspar/studies-timing","owner":"joaoplgaspar","description":"Defina tarefas e o tempo para conclui-las, com um formulário, lista e cronometro funcional.","archived":false,"fork":false,"pushed_at":"2023-08-10T16:59:06.000Z","size":189,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-27T13:47:37.075Z","etag":null,"topics":["css","cssmodules","html","javascript","js","jsx","organization","react","reactjs","reactts","sass","scss","studies","ts","tsx","typescript","vitrinedev"],"latest_commit_sha":null,"homepage":"https://studies-timing.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joaoplgaspar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-10T16:43:19.000Z","updated_at":"2023-08-10T17:01:57.000Z","dependencies_parsed_at":"2023-08-10T22:29:59.236Z","dependency_job_id":null,"html_url":"https://github.com/joaoplgaspar/studies-timing","commit_stats":null,"previous_names":["joaoplgaspar/studies-timing"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joaoplgaspar/studies-timing","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2Fstudies-timing","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2Fstudies-timing/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2Fstudies-timing/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2Fstudies-timing/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joaoplgaspar","download_url":"https://codeload.github.com/joaoplgaspar/studies-timing/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2Fstudies-timing/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28235499,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2026-01-07T02:00:05.975Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","cssmodules","html","javascript","js","jsx","organization","react","reactjs","reactts","sass","scss","studies","ts","tsx","typescript","vitrinedev"],"created_at":"2024-09-25T17:26:08.921Z","updated_at":"2026-01-07T13:02:55.288Z","avatar_url":"https://github.com/joaoplgaspar.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e Studies (Alura Studies) \u003c/h1\u003e\n\n![Static Badge](https://img.shields.io/badge/Status-_Finalizado-green?style=for-the-badge)\n\nSite para definir um plano de estudos e os seus devidos tempos, com uma lista mostrando todos os itens e um cronometro para informar quando o tempo for atingido a cada tarefa.\n\n| :placard: Vitrine.Dev |     |\n| -------------  | --- |\n| :sparkles: Nome        | **Alura Studies**\n| :label: Tecnologias | react, typescript, html5, sass, javascript\n| :rocket: URL         | https://studies-timing.vercel.app\n\n\u003chr\u003e\n\n![Alura Studies](https://github.com/joaoplgaspar/studies-timing/assets/130015259/a1faa676-edf1-47b0-865c-8ef57811b91e#vitrinedev)\n\n\u003chr\u003e\n\n## Resumo do projeto\n\nProjeto proposto por um curso Alura para ensino de React com Typescript. O Alura Studies tem como objetivo organizar seus estudos, com a entrada do nome da tarefa e o seu tempo, mostrando em uma lista organizada todos os itens, neste ponto é possível selecionar uma tarefa e iniciar o cronometro, ao fim do tempo a tarefa é concluída na lista. Foi trabalhado os tópicos de organização de um projeto Typescript React, componetização, uso de modules css e sass, spreads operators, interface reutilizaveis e types no Typescript, uso de estados, ciclo de vida de um componente, useEffect e refatoração de um class component para um function component.\n\n\n![Studies Gif](https://github.com/joaoplgaspar/studies-timing/assets/130015259/b0025d20-9899-48c9-a71b-0449c2667752)\n\n\n# :hammer: Funcionalidades do projeto\n\n- `Funcionalidade 1`: Adicionar uma tarefa com nome e tempo para ser concluída através do formulário\n- `Funcionalidade 2`: Selecionar uma tarefa na lista com todas as tarefas\n- `Funcionalidade 3`: Iniciar um cronometro para a tarefa selecionada, que ao final do tempo será concluída\n\n## ✔️ Técnicas e tecnologias utilizadas e desenvolvidas\n- ``React com TypeScript, JavaScript, Html, Css e Sass``\n- ``Manipulação do estado do objeto``\n- ``Componentização``\n- ``Modulos de Css e Sass``\n- ``Spreads Operator``\n- ``Interfaces reutilizaveis em TypeScript``\n- ``useState e useEffect``\n- ``Ciclo de vida de um componente``\n- ``Refatoração de um class component para function component``\n\n# 🛠️ Abrir e rodar o projeto\n\n**Utilize `npm install` dentro da pasta do projeto para baixar suas pendências**\n\n**A seguir `npm start` para iniciar o projeto**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fstudies-timing","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoaoplgaspar%2Fstudies-timing","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fstudies-timing/lists"}