{"id":25819118,"url":"https://github.com/keyllian7/form-processing-front","last_synced_at":"2025-02-28T08:15:00.457Z","repository":{"id":261706743,"uuid":"885095431","full_name":"Keyllian7/Form-Processing-Front","owner":"Keyllian7","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-24T17:49:44.000Z","size":8603,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-24T18:29:04.044Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/Keyllian7.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-11-08T00:18:05.000Z","updated_at":"2024-11-24T17:49:47.000Z","dependencies_parsed_at":"2024-11-24T18:24:38.465Z","dependency_job_id":"14e043fb-f7c3-4041-a56c-fd2146949bec","html_url":"https://github.com/Keyllian7/Form-Processing-Front","commit_stats":null,"previous_names":["keyllian7/form-processing-front"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Keyllian7%2FForm-Processing-Front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Keyllian7%2FForm-Processing-Front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Keyllian7%2FForm-Processing-Front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Keyllian7%2FForm-Processing-Front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Keyllian7","download_url":"https://codeload.github.com/Keyllian7/Form-Processing-Front/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241122441,"owners_count":19913472,"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":[],"created_at":"2025-02-28T08:14:59.768Z","updated_at":"2025-02-28T08:15:00.452Z","avatar_url":"https://github.com/Keyllian7.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\" style=\"font-weight: bold;\"\u003eForm Processing Frontend 💻\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n \u003ca href=\"layout\"\u003eLayout\u003c/a\u003e • \n \u003ca href=\"#descricao\"\u003eDescrição\u003c/a\u003e • \n \u003ca href=\"#funcionalidades\"\u003eFuncionalidades\u003c/a\u003e • \n \u003ca href=\"#instalacao\"\u003eInstalação\u003c/a\u003e • \n  \u003ca href=\"#colab\"\u003eColaboradores\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eAplicação frontend em React para envio e acompanhamento de solicitações de suporte, com gestão de status pelos administradores.\u003c/b\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n     \u003ca href=\"https://github.com/Keyllian7/Form-Processing-Front\"\u003e📱 Visite o Projeto\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 id=\"layout\"\u003e🎨 Layout\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./public/imgForm.png\" alt=\"Image Form\" width=\"400px\"\u003e\n    \u003cimg src=\"./public/imgLogin.webp\" alt=\"Image Adm\" width=\"400px\"\u003e\n    \u003cimg src=\"./public/imgRg.webp\" alt=\"Image Login\" width=\"400px\"\u003e\n\u003c/p\u003e\n\n\u003ch2 id=\"descricao\"\u003e📄 Descrição\u003c/h2\u003e\n\nEste projeto implementa o frontend do sistema Form-Processing, permitindo que usuários e administradores interajam com a API para envio e acompanhamento de formulários.\n- Usuário: Cria e envia solicitações relatando problemas, além de acompanhar o status de suas requisições.\n- Admin: Acessa uma interface para gerenciar as solicitações, atualizando o status e resolvendo problemas.\n\nO frontend foi desenvolvido utilizando React para criar uma interface moderna e responsiva. Diversas bibliotecas adicionais foram utilizadas para otimizar a experiência do usuário e a comunicação com a API, como:\n\n- axios para requisições HTTP\n- dompurify para sanitização de HTML e proteção contra ataques XSS\n- jwt-decode para decodificação de tokens JWT\n- react-router-dom para gerenciamento de rotas no React\n- react-google-recaptcha para integração do Google reCAPTCHA.\n- recharts para criação de gráficos em React.\n\nEste projeto foi desenvolvido como parte do trabalho da A3, focando em melhorar a comunicação e gestão de solicitações, com uma interface intuitiva que complementa o backend robusto.\n\n\u003ch2 id=\"funcionalidades\"\u003e💻 Funcionalidades\u003c/h2\u003e\n\n- Interface para criação e envio de formulários detalhados.\n- Validação de dados no lado do cliente (ex.: número de telefone e formato de e-mail).\n- Feedback visual para ações do usuário (ex.: mensagens de erro/sucesso).\n- Navegação entre telas de forma dinâmica usando React Router.\n- Comunicação em tempo real com a API para atualização do status das solicitações.\n\n\u003ch2 id=instalacao\u003e🚀 Instalação\u003c/h2\u003e\n\nPara clonar o repositório e instalar as dependências:\n\n\u003ch3\u003ePré-requisitos\u003c/h3\u003e\n\n- Node.js\n- npm ou yarn\n- Visual Studio Code (Opcional)\n- bash, zsh, fish ou um shell de terminal de sua escolha\n\n\u003ch3\u003ePasso a Passo\u003c/h3\u003e\n\n1. Clone o repositório:\n   ```bash\n   git clone https://github.com/Keyllian7/Form-Processing-Front.git\n   ```\n2. Acesse o projeto e instale as dependências:\n   ```bash\n   cd Form-Processing-Front\n   npm install dos seguintes pacotes\n   axios\n   date-fns\n   dompurify\n   form\n   jwt-decode\n   react\n   react-dom\n   react-google-recaptcha\n   react-hook-form\n   react-router-dom\n   react-scripts\n   recharts\n   sockjs-client\n   web-vitals\n   ```\n3. Execute o projeto em modo de desenvolvimento:\n   ```bash\n   npm start\n   ```\n4. Abra no navegador: O frontend estará disponível em http://localhost:3000.\n\n\u003ch2 id=\"colab\"\u003e🤝 Colaboradores\u003c/h2\u003e\n\nOs alunos envolvidos em todo o projeto.\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/157046442?v=4\" width=\"100px;\" alt=\"Keyllian Azevedo Profile Picture\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eKeyllian Azevedo\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/162071864?v=4\" width=\"100px;\" alt=\"Romeu Lucas Profile Picture\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eRomeu Lucas\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/176524197?v=4\" width=\"100px;\" alt=\"Ryan Pedro Profile Picture\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eRyan Pedro\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/157769029?v=4\" width=\"100px;\" alt=\"João Victor Profile Picture\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eJoão Victor\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"#\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/171868403?v=4\" width=\"100px;\" alt=\"Gustavo Kauã Profile Picture\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eGustavo Kauã\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003ch2\u003eLicença\u003c/h2\u003e\nEste projeto está licenciado sob a Licença MIT.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeyllian7%2Fform-processing-front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeyllian7%2Fform-processing-front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeyllian7%2Fform-processing-front/lists"}