{"id":18989849,"url":"https://github.com/gustavo-victor/mult-step-form","last_synced_at":"2026-05-04T00:34:18.569Z","repository":{"id":181512438,"uuid":"666854418","full_name":"Gustavo-Victor/mult-step-form","owner":"Gustavo-Victor","description":"Mult Step Form app","archived":false,"fork":false,"pushed_at":"2024-07-10T00:13:29.000Z","size":446,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-25T19:36:43.514Z","etag":null,"topics":["context","form","mult-step","react-router-dom","reactjs","styled-components","typescript","use-effect","use-reducer","vite","vite-plugin-svgr"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Gustavo-Victor.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":"2023-07-15T19:59:24.000Z","updated_at":"2024-07-10T00:13:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"a1ff2fd8-e5b7-4b2e-867b-a8ecbc23d7d2","html_url":"https://github.com/Gustavo-Victor/mult-step-form","commit_stats":null,"previous_names":["gustavo-victor/mult-step-form"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Gustavo-Victor/mult-step-form","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fmult-step-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fmult-step-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fmult-step-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fmult-step-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Gustavo-Victor","download_url":"https://codeload.github.com/Gustavo-Victor/mult-step-form/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Gustavo-Victor%2Fmult-step-form/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590391,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: 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":["context","form","mult-step","react-router-dom","reactjs","styled-components","typescript","use-effect","use-reducer","vite","vite-plugin-svgr"],"created_at":"2024-11-08T17:08:07.796Z","updated_at":"2026-05-04T00:34:18.544Z","avatar_url":"https://github.com/Gustavo-Victor.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 align='center'\u003eMult Step Form\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#-sobre\"\u003eSobre\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-layout\"\u003eLayout\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-tecnologias-e-ferramentas\"\u003eTecnologias e Ferramentas\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-funcionalidades\"\u003eFuncionalidades\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-instalação\"\u003eInstalação\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#-licença\"\u003eLicença\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    ✔ Projeto concluído\n\u003c/p\u003e\n\n\u003chr/\u003e\n\n\n## ❓ Sobre\n\nEste projeto é uma aplicação ReactJS que consiste em um formulário multi-etapas. O projeto serve para fins didáticos e foi feito baseado em um [tutorial](https://www.youtube.com/watch?v=W1Ed9TEMGJU\u0026list=PL_kvSTSEFm2CwHCtvTk0llGDvM0L2jx3O\u0026index=6) do Youtube do canal [Boniek Lacerda](https://www.youtube.com/@bonieky) porém com algumas modificações. \n\n\n## 🎨 Layout\n\n\u003cimg src=\"./src/assets/images/desktop.png\" alt=\"Desktop\" title=\"Desktop\"\u003e \u003cimg src=\"./src/assets/images/mobile.png\" alt=\"Mobile\" title=\"Mobile\"\u003e\n\n\n## 🛠 Tecnologias e Ferramentas\n\n- [ReactJS](https://pt-br.reactjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Styled Components](https://styled-components.com/)\n- [React Router](https://reactrouter.com/en/main)\n- [Vite](https://vitejs.dev/)\n- [Vite Plugin SVGR](https://www.npmjs.com/package/vite-plugin-svgr)\n\nVeja como ficou o arquivo [package.json](./package.json) \n\n\n## ⚙ Funcionalidades \n\n- [x] Permitir ao usuário digitar dados como nome, e-mail, url de seu perfil do Github, e nível de experiência em programação \n- [x] Mostrar ao fim das etapas do formulário os dados do usuário\n- [x] Salvar dados do usuário e etapas do formulário no estado da aplicação \n- [x] Compartilhar dados entre componentes da árvore usando contexto \n- [x] Permitir gerenciamento de páginas da aplicação usando React Router DOM \n\n\n## 💻 Instalação \n\nPara abrir e executar o projeto no seu computador, você vai precisar ter o [Node.js](https://nodejs.org/en) instalado na sua máquina (recomendo baixar a versão LTS). Além disso, para conseguir executar os comandos de terminal a seguir, você precisará instalar o [GIT](https://git-scm.com/). \nÉ recomendado ter alguns conhecimentos básicos de HTML, CSS, JavaScript e ReactJS para conseguir entender os códigos do projeto e também ter alguma noção prévia de comandos de terminal para conseguir acompanhar as instruções no seu computador. \nApós ter certeza de que tudo está instalado no seu computador, acompanhe os passos a seguir: \n\n\n1. Faça download do projeto ou clone ele com o seguinte comando no terminal: \n\n```bash \n    git clone https://github.com/Gustavo-Victor/mult-step-form.git\n```\n \n2. Descompacte o arquivo do projeto e abra a pasta do projeto; se tiver clonado basta só abrir a pasta do projeto; você pode abrir a pasta usando o seguinte comando: \n\n```bash \n    cd photo-gallery/\n```\n\n3. Instale as dependências necessárias do projeto (a pasta do projeto precisa estar aberta no terminal): \n\n```bash \n    npm i -g yarn ;\n    yarn install ; \n```\n\n\n4. Execute o projeto em modo de desenvolvimento: \n\n```bash \n    yarn dev \n```\n\n7. Abra o projeto em seu navegador de preferência. (Basta digitar na barra de pesquisa: http://localhost:5173/). \n\n\n\u003chr/\u003e\n\n## 📝 Licença \n\nO projeto está sob a Licensa MIT \n\nQualquer pessoa pode usar, clonar e contribuir com este projeto. \n\nClique [aqui](./LICENSE) para saber mais  \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-victor%2Fmult-step-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgustavo-victor%2Fmult-step-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustavo-victor%2Fmult-step-form/lists"}