{"id":20521328,"url":"https://github.com/1manuelc/dio-react-proj04-dioclone","last_synced_at":"2026-04-12T17:43:54.938Z","repository":{"id":242620818,"uuid":"809824427","full_name":"1manuelc/dio-react-proj04-dioclone","owner":"1manuelc","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-19T20:13:40.000Z","size":481,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T10:36:24.593Z","etag":null,"topics":["axios","json-server","react","react-hook-form","react-icons","react-router-dom","styled-components","vercel","vite","yup"],"latest_commit_sha":null,"homepage":"https://dio-react-proj04-dioclone.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/1manuelc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-06-03T14:15:14.000Z","updated_at":"2024-06-15T21:37:53.000Z","dependencies_parsed_at":"2024-06-20T05:37:50.375Z","dependency_job_id":"ba354e86-846f-4f06-9ac1-78e42713809e","html_url":"https://github.com/1manuelc/dio-react-proj04-dioclone","commit_stats":null,"previous_names":["1manuelc/dio-react-proj04-dioclone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1manuelc%2Fdio-react-proj04-dioclone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1manuelc%2Fdio-react-proj04-dioclone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1manuelc%2Fdio-react-proj04-dioclone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/1manuelc%2Fdio-react-proj04-dioclone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/1manuelc","download_url":"https://codeload.github.com/1manuelc/dio-react-proj04-dioclone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242125845,"owners_count":20075811,"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","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":["axios","json-server","react","react-hook-form","react-icons","react-router-dom","styled-components","vercel","vite","yup"],"created_at":"2024-11-15T22:28:16.982Z","updated_at":"2026-04-12T17:43:49.885Z","avatar_url":"https://github.com/1manuelc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Clone da DIO\n\u003cdiv\u003e\n  \u003cimg src='https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB' alt='React'\u003e\n  \u003cimg src='https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E' alt='JavaScript'\u003e\n  \u003cimg src='https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white' alt='React Router DOM'\u003e\n  \u003cimg src='https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge\u0026logo=reacthookform\u0026logoColor=white' alt='React Hook Form'\u003e\n  \u003cimg src='https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge\u0026logo=styled-components\u0026logoColor=white' alt='Styled Components'\u003e\n  \u003cimg src='https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge\u0026logo=vite\u0026logoColor=white' alt='Vite'\u003e\n  \u003cimg src='https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge\u0026logo=yarn\u0026logoColor=white' alt='Yarn'\u003e\n\u003c/div\u003e\n\n\nEste projeto objetiva clonar as páginas de Home, Login, Cadastro e Feed inicial da plataforma Digital Innovation One, como desafio para conclusão de módulo prático do bootcamp React Web Developer da mesma plataforma.\n\n[Deploy atualizado na Vercel](https://dio-react-proj04-dioclone.vercel.app/)\n\n## Funcionalidades básicas\n* Páginas com experiência do usuário simples e responsividade aprimorada.\n* Cadastro de usuário funcional, que verifica existência do email no banco de dados emulado para não cadastrar no mesmo.\n* Login funcional, verificando existência do email e se a senha está correta para conceder acesso, mostrando mensagens de erro no formulário.\n\n## Implementação\nO projeto foi feito em `React` e construído utilizando `Vite`, utilizando como base as dependências:\n* `react-router-dom`: para roteamento das páginas.\n* `styled-components`: para estilização de componentes.\n* `react-icons`: para utilização de ícones.\n* `react-hook-form`: para lidar com formulários de autenticação.\n* `yup`: para validar os formulários de autenticação.\n* `axios`: para fazer requisições de obtenção e criação de usuários.\n* `json-server`: para emular um servidor local através de um arquivo json com os dados.\n* `vercel`: para utilizar funcionalidades serverless e redirecionar chamadas à API em ambiente de produção.\n\nobs: este projeto foi prototipado usando Figma, caso queira implementá-lo com base no protótipo para fins de estudo [acesse o protótipo clicando aqui](https://www.figma.com/design/yhW9LAMJkf5aPepJL1RyMt/DIO-Clone-Remake?node-id=0-1\u0026t=ILKif7X86Qv0r87w-1).\n\n## Executando a aplicação localmente\nPara executar a aplicação do projeto, você precisa:\n\n1. Clonar este repositório ou fazer um fork: \u003cbr/\u003e\n`git clone https://github.com/1manuelc/dio-react-proj04-dioclone.git`\n\n2. Instalar as dependências necessárias á partir do seu gerenciador de pacotes (não é obrigatório ser npm): \u003cbr/\u003e\n`npm install`\n\n3. Executar os dois comandos em terminais distintos: \u003cbr/\u003e\n```bash\nnpm run api\n```\n```bash\nnpm run dev\n```\n(O primeiro comando executa localmente uma instância do json-server para emular uma api externa, enquanto o segundo serve a aplicação localmente)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1manuelc%2Fdio-react-proj04-dioclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F1manuelc%2Fdio-react-proj04-dioclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F1manuelc%2Fdio-react-proj04-dioclone/lists"}