{"id":18946662,"url":"https://github.com/codewarriorsdevs/opus-frontend","last_synced_at":"2025-04-15T22:31:23.982Z","repository":{"id":257847503,"uuid":"859373510","full_name":"codewarriorsdevs/opus-frontend","owner":"codewarriorsdevs","description":"Repositório frontend do Opus, uma plataforma com o objetivo de facilitar a empregabilidade na região de Pedro II - PI","archived":false,"fork":false,"pushed_at":"2024-10-18T19:11:54.000Z","size":9992,"stargazers_count":0,"open_issues_count":1,"forks_count":4,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-29T03:51:15.597Z","etag":null,"topics":["material-ui","projeto-ativo","reactjs","styled-components","typescript"],"latest_commit_sha":null,"homepage":"","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/codewarriorsdevs.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":"2024-09-18T14:53:30.000Z","updated_at":"2024-10-18T19:11:58.000Z","dependencies_parsed_at":"2024-10-16T18:24:52.179Z","dependency_job_id":null,"html_url":"https://github.com/codewarriorsdevs/opus-frontend","commit_stats":null,"previous_names":["codewarriorsdevs/opus-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewarriorsdevs%2Fopus-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewarriorsdevs%2Fopus-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewarriorsdevs%2Fopus-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codewarriorsdevs%2Fopus-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codewarriorsdevs","download_url":"https://codeload.github.com/codewarriorsdevs/opus-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249166044,"owners_count":21223372,"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":["material-ui","projeto-ativo","reactjs","styled-components","typescript"],"created_at":"2024-11-08T13:07:35.519Z","updated_at":"2025-04-15T22:31:18.973Z","avatar_url":"https://github.com/codewarriorsdevs.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/React-Dark.svg\" alt=\"react\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/TypeScript.svg\" alt=\"typescript\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/Vite-Dark.svg\" alt=\"vite\"\u003e\u003c/code\u003e\n\u003ccode\u003e\u003cimg height=\"27\" src=\"https://github.com/tandpfun/skill-icons/raw/main/icons/MaterialUI-Dark.svg\" alt=\"material-ui\"\u003e\u003c/code\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch1\u003eOpus Frontend\u003c/h1\u003e\nDocumentação oficial do projeto \"Opus Frontend\", a interface responsável por conectar candidatos a empresas e serviços da região de Pedro II - PI.\n\u003cbr\u003e\u003c/br\u003e\n\n\u003ca href=\"https://opus-frontend-docs.vercel.app\"\u003e\u003cstrong\u003eExplore the docs »\u003c/strong\u003e\u003c/a\u003e\n\u003cbr\u003e\u003c/br\u003e\n\n\u003cimg width=\"100%\" src=\"https://i.ibb.co/M1r1YSq/Group-2.png\" alt=\"Opus Frontend Screenshot\"\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"left\"\u003e\n\n## Em Desenvolvimento... ⚠\n\n## Equipe de Desenvolvimento\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/ruanvcg\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/62728646?v=4\" width=\"100px;\" alt=\"Foto do Ruan Victor no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eRuan Victor\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/brunolimapinheiro\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/125039158?v=4\" width=\"100px;\" alt=\"Foto do Bruno Lima no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eBruno Lima\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/KelySoare5\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/111580529?v=4\" width=\"100px;\" alt=\"Foto de Kely Soares no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eKely Soares\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hugoamadio\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/146294243?v=4\" width=\"100px;\" alt=\"Foto do Hugo Amadio no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eHugo Amadio\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/jorgejesuscardoso\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/133919477?v=4\" width=\"100px;\" alt=\"Foto do Jorge Jesus no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eJorge Jesus\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/Mtmozart\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/108758897?v=4\" width=\"100px;\" alt=\"Foto do Matheus Mozart no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eMatheus Mozart\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/JociS4\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/107800194?v=4\" width=\"100px;\" alt=\"Foto do Jociel Andrade no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eJociel Andrade\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/OMaskara310\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/107417702?v=4\" width=\"100px;\" alt=\"Foto do João Carlos no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eJoão Carlos\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/AbdeIF\"\u003e\n        \u003cimg src=\"https://avatars.githubusercontent.com/u/126293962?v=4\" width=\"100px;\" alt=\"Foto do Abdenaide no GitHub\"/\u003e\u003cbr\u003e\n        \u003csub\u003e\n          \u003cb\u003eAbdenaide Ribeiro\u003c/b\u003e\n        \u003c/sub\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n# Documentação\nEsta documentação traz as informações necessárias para a utilização do frontend do projeto Opus. Nela você encontrará informações sobre a estrutura do projeto, as tecnologias utilizadas, os comandos para rodar o projeto e os testes.\n\n### Tecnologias Utilizadas \n\n| Tecnologia         | Descrição                                         |\n|--------------------|---------------------------------------------------|\n| React              | Biblioteca JavaScript para construção de interfaces de usuário |\n| TypeScript         | Superset de JavaScript com tipagem estática        |\n| Vite               | Ferramenta de build rápida para frontend           |\n| Material UI        | Biblioteca de componentes React para design consistente |\n| Framer Motion      | Biblioteca para animações em React                 |\n| ESLint             | Ferramenta de linting para código JavaScript/TypeScript |\n| Prettier           | Formatação de código                                |\n\n## Instalação\nO frontend do projeto está configurado para ser executado localmente usando Vite.\n\n### Pré-requisitos\n- [Node.js](https://nodejs.org/) (versão 14 ou superior)\n- [Git](https://git-scm.com/)\n\n### Comandos para rodar o projeto\n\n1. **Clone o repositório:**\n    ```bash\n    git clone https://github.com/seu-usuario/front-end.git\n    cd front-end\n    ```\n\n2. **Instale as dependências do projeto:**\n    ```bash\n    npm install\n    ```\n\n    Essas dependências são locais e são necessárias para poder fazer edições no projeto.\n\n3. **Configuração do ambiente:**\n    Crie um arquivo `.env` na raiz do projeto com as variáveis de ambiente necessárias. Um exemplo de `.env` pode ser encontrado no arquivo `.env.example`.\n\n4. **Rodar o projeto:**\n    ```bash\n    npm run dev\n    ```\n\n    Este comando iniciará o servidor de desenvolvimento com Hot Module Replacement (HMR) ativo.\n\n5. **Acessar o projeto:**\n    Abra o navegador e vá para `http://localhost:3000` (ou a porta configurada) para ver o frontend em execução.\n\n### Scripts Disponíveis\n\nNo `package.json`, os seguintes scripts estão disponíveis:\n\n- `npm run dev`: Inicia o servidor de desenvolvimento.\n- `npm run build`: Cria uma versão otimizada para produção.\n- `npm run preview`: Serve a versão de produção localmente.\n- `npm run test`: Executa os testes.\n- `npm run lint`: Executa o ESLint para verificar o código.\n- `npm run format`: Formata o código usando Prettier.\n\n### Adicionando Material UI, React Icons e Framer Motion\n\nPara adicionar as bibliotecas usadas no projeto, os seguintes comandos foram utilizados:\n\n- **Material UI:**\n    ```bash\n    npm install @mui/material @emotion/react @emotion/styled\n    ```\n\n- **Framer Motion:**\n    ```bash\n    npm install framer-motion\n    ```\n\n## Estrutura do Projeto\n\nA estrutura do projeto segue as melhores práticas para aplicações React com TypeScript e Vite, organizada para facilitar a manutenção e escalabilidade.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewarriorsdevs%2Fopus-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewarriorsdevs%2Fopus-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewarriorsdevs%2Fopus-frontend/lists"}