{"id":34621929,"url":"https://github.com/domfabio/countdown-react","last_synced_at":"2026-04-16T17:01:18.907Z","repository":{"id":283171792,"uuid":"950892971","full_name":"domfabio/Countdown-React","owner":"domfabio","description":"Aplicação de contagem regressiva desenvolvida com React.js, utilizando React Router, Context API e Hooks. Permite configurar eventos futuros com data, hora, imagem de fundo e tema personalizado.","archived":false,"fork":false,"pushed_at":"2025-04-08T14:53:28.000Z","size":3069,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-26T04:32:11.132Z","etag":null,"topics":["countdown","hooks-api-react","react-router-dom","reactjs","usecontext"],"latest_commit_sha":null,"homepage":"https://cowntdown-livid.vercel.app","language":"JavaScript","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/domfabio.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-18T20:59:45.000Z","updated_at":"2025-04-08T15:02:19.000Z","dependencies_parsed_at":"2025-03-18T23:36:29.622Z","dependency_job_id":null,"html_url":"https://github.com/domfabio/Countdown-React","commit_stats":null,"previous_names":["domfabio/countdown-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/domfabio/Countdown-React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/domfabio%2FCountdown-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/domfabio%2FCountdown-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/domfabio%2FCountdown-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/domfabio%2FCountdown-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/domfabio","download_url":"https://codeload.github.com/domfabio/Countdown-React/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/domfabio%2FCountdown-React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31895650,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T11:36:10.202Z","status":"ssl_error","status_checked_at":"2026-04-16T11:36:09.652Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["countdown","hooks-api-react","react-router-dom","reactjs","usecontext"],"created_at":"2025-12-24T15:23:43.936Z","updated_at":"2026-04-16T17:01:18.785Z","avatar_url":"https://github.com/domfabio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?label=React\u0026message=framework\u0026color=61DAFB\u0026style=for-the-badge\u0026logo=react\"/\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?label=React%20Router\u0026message=DOM\u0026color=CA4245\u0026style=for-the-badge\u0026logo=reactrouter\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Status-Concluído-green?style=for-the-badge\"/\u003e\n  \u003cimg src=\"https://img.shields.io/badge/License-MIT-2ecc71?style=for-the-badge\u0026logo=open-source-initiative\u0026logoColor=white\"/\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003ch1 align=\"center\"\u003e⏳ Countdown React\u003c/h1\u003e\n\n### 🧭 Navegação Rápida\n\n- 📝 [Sobre](#-sobre)\n- ✅ [Funcionalidades](#-funcionalidades)\n- 🚀 [Screen e Deploy](#-screen-e-deploy)\n- 🧩 [Principais Dependências](#-principais-dependências)\n- ▶️ [Como Configurar o Projeto no VS Code](#️-como-configurar-o-projeto-no-vs-code)\n- 🤝 [Contribuição](#-contribuição)\n\n---\n\n### 📝 Sobre\n\nProjeto desenvolvido durante o curso **Formação Front-end - HTML, CSS, JavaScript, React e +**, da Comunidade Hora de Codar. Construído em **React.js**, simula uma aplicação de contagem regressiva para eventos. Inclui rotas para visualização da home e da contagem, utilizando contexto global para gerenciamento de estado e hooks personalizados.\n\nO objetivo principal é praticar o uso do **React Router**, **Context API**, **React Hooks** e a manipulação de tempo no Front-end.\n\n---\n\n### ✅ Funcionalidades\n\nCom essa aplicação é possível:\n\n- 🕐 **Definir um evento futuro com título e data**\n- 🖼️ **Inserir imagem de fundo via URL personalizada**\n- 🎨 **Escolher a cor do tema da interface**\n- 🔁 **Redirecionamento entre páginas com React Router**\n- ⏳ **Exibir uma contagem regressiva em tempo real**\n\n---\n\n### 🚀 Screen e Deploy\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cp\u003e\n  \u003cimg src=\"./public/screen-movie.gif\" width=\"900px\"\u003e \n  \u003c/p\u003e\n\n  \u003ca href=\"https://cowntdown-livid.vercel.app/\"\u003e→ Ver Projeto Online 🔗\u003c/a\u003e\n\u003c/div\u003e\n\n\n---\n\n### 🧩 Principais Dependências\n\n- **[React](https://reactjs.org/)** – Framework para construção da interface\n- **[React Router DOM](https://reactrouter.com/)** – Para navegação entre páginas\n\nPara a lista completa de dependências e versões, consulte o arquivo [`package.json`](./package.json).\n\n---\n\n## ▶️ Como Configurar o Projeto no VS Code:\n\n### 📌 Pré-requisitos\nAntes de prosseguir com a configuração, certifique-se de ter todos os pré-requisitos instalados corretamente para evitar erros durante a instalação e execução do projeto:\n\n`Git 2.4+` `Node.js 12+` `Live Server` \n\n\n### ⚙️ Configurando o Projeto\n\n1. Clone este repositório:\nAbra o **VS Code**, pressione `Ctrl + Shift + P`, digite **\"Git Clone\"** e cole o link do repositório:\n```sh\nhttps://github.com/domfabio/Countdown-React.git\n```\n2. Instalar Dependências:\n```sh\nnpm install\n```\n3. Inicie o servidor de desenvolvimento:\n```sh\nnpm run dev\n```\n4. Acesse o projeto no navegador:\u003cbr\u003e\nNo terminal, pressione `Ctrl + Clique` no link gerado:\u003cbr\u003e\n ➜  Local:   http://localhost:5173/\n\n---\n\n## 🤝 Contribuição\n**Se deseja contribuir, siga os passos:**\n1. Fork o repositório\n2. Crie uma branch: `git checkout -b feature-minha-feature`\n3. Faça commit das suas mudanças: `git commit -m 'Minha nova funcionalidade'`\n4. Faça push para a branch: `git push origin feature-minha-feature`\n5. Abra um Pull Request\n\n---\n\nEste projeto é distribuído sob a [Open Source License - MIT](https://opensource.org/licenses/MIT). \u003cbr\u003eVeja a documentação para mais detalhes.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdomfabio%2Fcountdown-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdomfabio%2Fcountdown-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdomfabio%2Fcountdown-react/lists"}