{"id":21257685,"url":"https://github.com/edmilson-dk/redfox-test-web","last_synced_at":"2025-03-15T06:22:56.790Z","repository":{"id":258258020,"uuid":"352619047","full_name":"edmilson-dk/redfox-test-web","owner":"edmilson-dk","description":"Web part of the application made by me.","archived":false,"fork":false,"pushed_at":"2021-03-29T13:45:20.000Z","size":681,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T21:31:46.733Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"redfox-test-web-edmilson-dk.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/edmilson-dk.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":"2021-03-29T11:28:59.000Z","updated_at":"2021-03-29T13:45:22.000Z","dependencies_parsed_at":"2024-10-18T07:13:53.772Z","dependency_job_id":null,"html_url":"https://github.com/edmilson-dk/redfox-test-web","commit_stats":null,"previous_names":["edmilson-dk/redfox-test-web"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edmilson-dk%2Fredfox-test-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edmilson-dk%2Fredfox-test-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edmilson-dk%2Fredfox-test-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edmilson-dk%2Fredfox-test-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edmilson-dk","download_url":"https://codeload.github.com/edmilson-dk/redfox-test-web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243691250,"owners_count":20331932,"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":"2024-11-21T04:05:17.126Z","updated_at":"2025-03-15T06:22:56.772Z","avatar_url":"https://github.com/edmilson-dk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RedFox - Teste para desenvolvedor web\n\n# Front-end\n\nEste é o front-end da aplicação, construida totalmente resonsiva, layout agradavél, com telas de login e registro, tela para listagem de pokemons, formulário para criar pokemons, filtro, etc.\n\n# Tópicos \n\n- [Tecologias](#techs)\n- [Rotas da aplicação](#routes)\n- [Rodando a aplicação](#execute)\n- [Página online](#online)\n\n\u003ca id=\"techs\"\u003e\u003c/a\u003e\n## Tecnologias e bibliotecas utilizadas\n\n- [ReactJS](https://pt-br.reactjs.org/)\n- [Material UI](https://material-ui.com/pt/)\n- [Axios](https://www.npmjs.com/package/axios)\n- [Toastify](https://www.npmjs.com/package/react-toastify)\n\n\u003ca id=\"routes\"\u003e\u003c/a\u003e\n## Rotas da aplicação\n\n### Públicas\n\n\u003e As rotas públicas não necessitam da auteticação do usuário.\n\n- ``/`` \n\n\u003e Rota da home da aplicação.\n\n\n- ``/login`` \n\n\u003e Rota para o usuário fazer login.\n\n\n- ``/register`` \n\n\u003e Rota para o usuário criar conta.\n\n### Privadas\n\n\u003e AS rotas privadas necessitam que o usuário esteja autenticado.\n\n\n- ``/dashboard`` \n\n\u003e Rota da dashboard aplicação.\n\n\n- ``/create`` \n\n\u003e Rota para adicionar um novo pokemon.\n\n__Todas as rotas abaixo só podem ser acessadas via clique no botão de um card relacionado a um pokemon em espécifico, caso contrário você apenas retornará a página da dashboard__\n\n- ``/updatepokemon`` \n\n\u003e Rota para atualizar alguns dados do pokemon.\n\n\n- ``/updateimage`` \n\n\u003e Rota para atualizar a imagem de um pokemon.\n\n\n- ``/viewpokemon`` \n\n\u003e Rota para visualizar os dados de um pokemon\n\n\u003ca id=\"execute\"\u003e\u003c/a\u003e\n## Executando o front-end\n\nPara executar a frnt-end em sua máquina siga os passos abaixo.\n\n- 1 Clone meu repositório em sua máquina \n\n```sh\ngit clone git@github.com:edmilson-dk/teste-desenvolvimento-web.git\n\n# entre na pasta web\n\ncd teste-desenvolvimento-web/web\n```\n\n- 2 Após o passo acima, instale as dependências necessárias, para isso é preciso que você tenha o [NodeJS](https://nodejs.org/en/) instalado em sua máquina.\n\n```sh\nnpm install\n\n# ou com yarn\n\nyarn install\n```\n\n- 3 Agora crie um arquivo na raiz do projeto, chamado .env e dentro dele escreva o mesmo conteúdo que tem no arquivo \"env.example\" que deixei neste repositório, agora após o ``REACT_APP_URL_API=`` você deve colocar a url da api se você estiver executando a api em sua máquina local, igual eu ensinei na pasta da api, você deve deixar assim ``REACT_APP_URL_API=http://localhost:3003/api``, caso contrario use a api que esta online deve ficar assim ``REACT_APP_URL_API=http://localhost:3003/api``.\n\n- 4 Feito isso é hora de executar o projeto, para isso execute o comando abaixo.\n\n```sh\nnpm start \n\n# ou com yarn\n\nyarn start\n```\n\n\u003ca id=\"online\"\u003e\u003c/a\u003e\n## Veja a aplicação funcionando\n\nCaso você não queira executar os passos de instalação manualmente, para sua sorte fiz o deploy da aplicação, e você pode testa ela no link abaixo.\n\n[Aplicação aqui]()\n\nCreator with 💙 by [Edmilson Jesus](https://www.linkedin.com/in/edmilson-jesus-4128711b5)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedmilson-dk%2Fredfox-test-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedmilson-dk%2Fredfox-test-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedmilson-dk%2Fredfox-test-web/lists"}