{"id":23119441,"url":"https://github.com/MatheusAndrade23/go-drink-react","last_synced_at":"2025-08-17T00:31:56.942Z","repository":{"id":37612624,"uuid":"485941764","full_name":"MatheusAndrade23/go-drink-react","owner":"MatheusAndrade23","description":"Com Tema Dark! Um site que fornece mais de 600 receitas de coquetéis desenvolvido com ReactJS + NodeJS e várias bibliotecas!","archived":false,"fork":false,"pushed_at":"2022-08-14T23:44:52.000Z","size":25477,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T02:41:34.857Z","etag":null,"topics":["axios","bcrypt","context-api","eslint","express","i18next","jest","jwt","node","nodemailer","prettier","react","react-carousel","react-flags","react-hooks","react-icon","react-icons","react-router-dom","styled-components","theme-switcher"],"latest_commit_sha":null,"homepage":"https://go-drink-react.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/MatheusAndrade23.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}},"created_at":"2022-04-26T20:43:14.000Z","updated_at":"2025-01-02T14:36:28.000Z","dependencies_parsed_at":"2022-08-25T20:11:52.189Z","dependency_job_id":null,"html_url":"https://github.com/MatheusAndrade23/go-drink-react","commit_stats":null,"previous_names":["matheusandrade23/go-drink-react","matheusandrade23/go_drink_react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MatheusAndrade23/go-drink-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatheusAndrade23%2Fgo-drink-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatheusAndrade23%2Fgo-drink-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatheusAndrade23%2Fgo-drink-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatheusAndrade23%2Fgo-drink-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MatheusAndrade23","download_url":"https://codeload.github.com/MatheusAndrade23/go-drink-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatheusAndrade23%2Fgo-drink-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270791255,"owners_count":24645781,"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","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["axios","bcrypt","context-api","eslint","express","i18next","jest","jwt","node","nodemailer","prettier","react","react-carousel","react-flags","react-hooks","react-icon","react-icons","react-router-dom","styled-components","theme-switcher"],"created_at":"2024-12-17T05:35:57.928Z","updated_at":"2025-08-17T00:31:51.902Z","avatar_url":"https://github.com/MatheusAndrade23.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e🍹 Go Drink 🍸\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n \u003cimg src=\"https://img.freepik.com/fotos-gratis/aproxime-se-com-bebidas-deliciosas_23-2149132215.jpg?size=626\u0026ext=jpg\" width=\"400px\" alt=\"FreePick Drinks Image\"/\u003e\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n \u003ca href=\"#demo\"\u003eDemonstração\u003c/a\u003e •\n \u003ca href=\"#tecnologias\"\u003eTecnologias\u003c/a\u003e •\n  \u003ca href=\"#funcionalidades\"\u003eFuncionalidades\u003c/a\u003e •\n \u003ca href=\"#detalhes\"\u003eDetalhes\u003c/a\u003e •\n \u003ca href=\"#footer\"\u003eRodapé\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eÉ um site que fornece mais de 600 receitas de coquetéis do mundo todo, utilizando \u003ca href=\"https://www.thecocktaildb.com/api.php\"\u003eThe CocktailDB API\u003c/a\u003e. Possui tema dark, todos os textos estáticos estão disponíveis em português e inglês e você ainda pode listar suas bebidas favoritas.\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://go-drink-react.vercel.app/\"\u003eClique para visitar o site!\u003c/a\u003e -\n  \u003ca href=\"https://github.com/MatheusAndrade23/Go_Drink_Next\"\u003eClique para ver a versão em Next!\u003c/a\u003e -\n  \u003ca href=\"https://github.com/MatheusAndrade23/GoDrink_Backend\"\u003eClique para ver o Backend!\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"demo\"\u003eDemonstração 🎥\u003c/h2\u003e\n\n_\u003ch3 id=\"tour\"\u003eUm pequeno tour pelo Projeto! 🚀\u003c/h3\u003e_\n\n\u003cimg src=\"./github/tour.gif\" alt=\"GIF Tour pelo projeto\"\u003e\n\n_\u003ch3 id=\"trocando\"\u003eAdicionando aos favoritos! ⭐\u003c/h3\u003e_\n\n\u003cimg src=\"./github/favoritos.gif\" alt=\"GIF Adicionando aos favoritos\"\u003e\n\n\u003cbr\u003e\n\n---\n\n\u003ch2 id=\"tecnologias\"\u003eTecnologias Utilizadas 🛠\u003c/h2\u003e\n\n#### FrontEnd: `ReactJS!`\n\n- React-Router-Dom\n- I18Next\n- Flag Icons\n- React Icons\n- Axios\n- Styled Components\n- Jest Styled Components\n- React Elastic Carousel\n- Context API\n- React Hooks\n\n#### BackEnd: `NodeJS!`\n\n- Express\n- Express-Handlebars\n- JWT\n- Bcrypt\n- Mongoose\n- Nodemon\n- Nodemailer\n- DotEnv\n- Cors\n\n#### Banco de Dados: `MongoDB-Atlas!`\n\n\u003cdiv style=\"display: inline_block\"\u003e\u003cbr\u003e\n  \u003cimg align=\"center\" alt=\"npm\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/npm/npm-original-wordmark.svg\" /\u003e\n  \u003cimg align=\"center\" alt=\"Js\" height=\"35\" width=\"45\" src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"Sass\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"ReactJS\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"Jest\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jest/jest-plain.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"NodeJS\" height=\"35\" width=\"45\" src=\"https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-plain.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"Express\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"Handlebars\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/handlebars/handlebars-original.svg\"\u003e\n  \u003cimg align=\"center\" alt=\"MongoDB\" height=\"35\" width=\"45\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-plain.svg\"\u003e\n \u003c/div\u003e\n\n \u003cbr\u003e\n\n---\n\n\u003ch2 id=\"funcionalidades\"\u003eFuncionalidades ⚙️\u003c/h2\u003e\n\n- ✔️ Responsivo\n- ✔️ Ferramenta de pesquisa\n- ✔️ Mudança de Tema\n- ✔️ Mudança de Língua\n- ✔️ Recuperação de Senha\n- ✔️ Lista de favoritos\n- ✔️ Ver detalhes da Bebida Escolhida\n- ✔️ Listagem de tipos de Copos, Categorias e Ingredientes\n- ✔️ Listagem de bebidas baseada em Categorias, Ingredientes e tipos de Copos\n\n\u003cbr\u003e\n\n---\n\n\u003ch2 id=\"detalhes\"\u003eAlguns Detalhes do Funcionamento do Projeto 🔎\u003c/h2\u003e\n\n_\u003ch3\u003eAutenticação 👤\u003c/h3\u003e_\n\n#### A autenticação do usuário é baseada em tokens, utilizando \u003ca href=\"https://www.npmjs.com/package/jsonwebtoken\"\u003eJson Web Token\u003c/a\u003e para gerar e verificar a validade de um token através de um middleware no backend. Além disso, existe um provider dedicado à essa funcionalidade no frontend, que contém todos os métodos (Conectar, Registrar e Sair) e armazena o token e os dados do usuário no local storage.\n\n##\n\n_\u003ch3\u003eMudança de Tema 🎨\u003c/h3\u003e_\n\n#### A aplicação conta com dois temas (claro e escuro), e um botão para a mudança fixo na tela. O tema escuro é renderizado por padrão, mas o tema escolhido pelo usuário fica salvo no local storage sem a necessidade de criar uma conta.\n\n##\n\n_\u003ch3\u003eMudança de Língua 🌎\u003c/h3\u003e_\n\n#### A biblioteca \u003ca href=\"https://www.npmjs.com/package/react-i18next\"\u003eReact I18Next\u003c/a\u003e permite a utilização de diferentes línguas no projeto. Como a API \u003ca href=\"https://www.thecocktaildb.com/api.php\"\u003eThe CocktailDB\u003c/a\u003e responde em inglês, este idioma se torna praticamente obrigatório. Para o português, não encontrei uma maneira viável de traduzir os textos vindos da API, então essa funcionalidade ainda não está finalizada. A língua escolhida pelo usuário fica salva no local storage e independe de autenticação, assim como o tema.\n\n\u003cbr\u003e\n\n---\n\n\u003cp align=\"center\"\u003e🌟 Se você gostou, por favor considere dar uma estrela! 🌟\u003c/p\u003e\n\u003cdiv id=\"footer\" align=\"center\"\u003e\u003ca href=\"https://www.linkedin.com/in/matheus-andrade23/\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/-LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" target=\"_blank\"\u003e\u003c/a\u003e\n\u003ca href = \"mailto:matheusandrade.ma2003@gmail.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/-Gmail-%23333?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" target=\"_blank\"\u003e\u003c/a\u003e\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMatheusAndrade23%2Fgo-drink-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMatheusAndrade23%2Fgo-drink-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMatheusAndrade23%2Fgo-drink-react/lists"}