{"id":18704921,"url":"https://github.com/israelkilday/barberblend","last_synced_at":"2025-04-12T10:07:01.062Z","repository":{"id":220188135,"uuid":"750510775","full_name":"Israelkilday/BARBERBLEND","owner":"Israelkilday","description":"BARBERBLEND é uma plataforma de agendamento online que simplifica o processo de reserva de horários em diversas barbearias. Com BarberBlend, você pode agendar serviços especializados com praticidade e rapidez, tudo no conforto da sua casa.","archived":false,"fork":false,"pushed_at":"2024-09-10T00:10:33.000Z","size":12828,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T10:02:13.889Z","etag":null,"topics":["date-fns","git","next14","nextauth-js","postgres-sql","prisma-orm","react-hook-form","reactjs","shadcn-ui","supabase","tailwindcss","typescript","vercel","zod"],"latest_commit_sha":null,"homepage":"https://barberblend.vercel.app/","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/Israelkilday.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-01-30T19:27:35.000Z","updated_at":"2025-03-13T00:35:28.000Z","dependencies_parsed_at":"2024-03-16T22:36:44.004Z","dependency_job_id":"3d340b87-31b7-4bc2-8a1f-2ca684423013","html_url":"https://github.com/Israelkilday/BARBERBLEND","commit_stats":null,"previous_names":["israelkilday/barbershop","israelkilday/barberblend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Israelkilday%2FBARBERBLEND","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Israelkilday%2FBARBERBLEND/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Israelkilday%2FBARBERBLEND/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Israelkilday%2FBARBERBLEND/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Israelkilday","download_url":"https://codeload.github.com/Israelkilday/BARBERBLEND/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248550634,"owners_count":21122933,"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":["date-fns","git","next14","nextauth-js","postgres-sql","prisma-orm","react-hook-form","reactjs","shadcn-ui","supabase","tailwindcss","typescript","vercel","zod"],"created_at":"2024-11-07T12:09:07.626Z","updated_at":"2025-04-12T10:07:01.028Z","avatar_url":"https://github.com/Israelkilday.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✂ BARBERBLEND\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\u003cbr\u003e\n  \n ***[BARBERBLEND](https://barberblend.vercel.app/)*** é uma plataforma de agendamento online que simplifica o processo de reserva de \n horários em diversas barbearias. Com BarberBlend, você pode agendar serviços especializados com praticidade e rapidez, tudo no conforto da sua casa.  \n Neste projeto, implementei uma funcionalidade de agendamento e cancelamento intuitiva e sincronizada, permitindo aos usuários marcar e desmarcar serviços de forma fácil e eficiente.\n\u003c/div\u003e\n\n## 🎬 Vídeo do Projeto  \n\nhttps://github.com/Israelkilday/barbershop/assets/101229204/6e473802-9031-43e1-b867-68eb06ee5dde\n\n## Fluxograma de Login\n\n![Diagrama barberblend drawio](https://github.com/user-attachments/assets/3e887d52-71b9-4b04-95fd-be8a1bd3f19d)\n\n## Fluxograma de Reserva\n\n![fluxograma booking barberblend drawio](https://github.com/user-attachments/assets/574e46c0-8bf5-4b8a-952a-9936f645eedf)\n\n## Diagrama Entidade-Relacionamento do Esquema Prisma:\n\n![Untitled diagram-2024-06-19-220414](https://github.com/Israelkilday/BARBERBLEND/assets/101229204/a712c2e5-0d8c-4ede-95e9-03a2edc28131)\n\n## ⚙️ Pré-requisitos\n\n - ***Next.js*** (v14.0.0 ou superior)\n - ***Node.js*** (v14.0.0 ou superior)\n - ***npm*** (v6.0.0 ou superior)\n\n## 🚀 Funcionalidades:\n\n- [x] ***Interface de usuário, navegação e design***\n- Através da combinação de `Next.js` + `Tailwind` + `ShadCN/UI` foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.\n- [x] ***Barra de pesquisa***\n- Foi implementado uma funcionalidade de busca utilizando o `react-hook-form` para gerenciar o formulário e o `zod` para validação dos dados inseridos.\n- [x] ***Carrosséis Interativos***\n- Possui carrosséis que exibem as barbearias, agendamentos, seções de destaques e de barbeiros.\n- [x] ***Seleção de Data e Hora com sincronização de horário e localização***\n- Os usuários podem escolher a data e o horário desejados para agendar um serviço, com opções dinâmicas e atualizadas em tempo real.\n- [x] ***Visualização de Disponibilidade***\n- Exibi a disponibilidade de horários de forma clara e organizada, ajudando os usuários a encontrar o melhor momento para o agendamento.\n- [x] ***Confirmação Instantânea***\n- Após a confirmação do agendamento, os usuários recebem uma confirmação imediata e podem visualizar os detalhes do serviço agendado.\n- [x] ***Cancelamento Simples***\n- Caso seja necessário, os usuários podem cancelar o agendamento de forma simples e rápida, mantendo a sincronização de horários atualizada.\n- [x] ***Sistema de autenticação com o `NextAuth` integrado ao `Google`***\n- Integração simplificada de login utilizando serviço de autenticação `OAuth` do Google.\n- [x] ***Armazenamento de dados***\n- Integração simplificada com o Banco de Dados `PostgreSQL` atravéz do `Prisma ORM` e `Supabase`.\n\n  ## 🛠️ Tecnologias Utilizadas\n\n - ***Next.14:*** \u003cbr\u003e\n   Framework React para desenvolvimento de aplicações web do lado do cliente e do servidor.\n - ***NextAuth.js:*** \u003cbr\u003e\n   Biblioteca para autenticação em aplicações Next.js, suportando vários provedores de autenticação.\n - ***Next Navigation:*** \u003cbr\u003e\n   Técnicas e métodos de navegação utilizados em aplicações Next.js.\n - ***Typescript:*** \u003cbr\u003e\n   Linguagem de programação que adiciona tipagem estática ao JavaScript.\n - ***TS-node:*** \u003cbr\u003e\n   Execução de arquivos TypeScript diretamente no Node.js sem necessidade de compilação.\n - ***Zod:*** \u003cbr\u003e\n   Biblioteca para validação de esquemas (schemas) em aplicações TypeScript.\n - ***React.js:*** \u003cbr\u003e\n   Biblioteca JavaScript para construção de interfaces de usuário (UI) interativas.\n - ***React Hook Form:*** \u003cbr\u003e\n   Biblioteca para gerenciamento de formulários em aplicações React.\n - ***React Icons:*** \u003cbr\u003e\n   Biblioteca de ícones para uso em aplicações React.\n - ***JSX*** \u003cbr\u003e\n   Extensão de sintaxe que permite escrever código JavaScript com marcação HTML, amplamente utilizado no desenvolvimento de componentes e         interfaces de usuário em aplicações React.\n - ***TailwindCSS:*** \u003cbr\u003e\n   Framework CSS para construção de interfaces de usuário com base em classes utilitárias.\n - ***Shadcn/ui:*** \u003cbr\u003e\n   Componentes de interface para aplicações React, baseados no TailwindCSS.\n - ***Prisma ORM:*** \u003cbr\u003e\n   ORM (Object-Relational Mapping) para banco de dados, utilizado para modelagem e interação com o banco de dados.\n - ***Supabase:*** \u003cbr\u003e\n   Plataforma de banco de dados e autenticação para aplicações web e mobile.\n - ***PostgresSQL:*** \u003cbr\u003e\n   Banco de dados relacional open source utilizado no projeto.   \n - ***Date-fns:*** \u003cbr\u003e\n   Biblioteca JavaScript para manipulação de datas de forma fácil e eficiente.\n - ***Lucide-react:*** \u003cbr\u003e\n   Biblioteca de ícones SVG para uso em aplicações React.\n - ***Vercel:*** \u003cbr\u003e\n   Plataforma de hospedagem para implantação de aplicações web.\n - ***Vscode:*** \u003cbr\u003e\n   Editor de código fonte utilizado para desenvolvimento do projeto.\n - ***Git:*** \u003cbr\u003e\n   Sistema de controle de versão utilizado para gerenciar o código fonte do projeto.\n\n   \n ## 💻 Como Rodar o Projeto\n\n 1. Clone o repositório: `git clone https://github.com/Israelkilday/barbershop`\n 2. Instale as dependências: `npm install`\n 3. Configure o ***Supabase***: Adicione suas credenciais.\n 4. Inicie o servidor de desenvolvimento: `npm run dev`\n 5. Abra o navegador e acesse `http://localhost:3000`\n    \n \n## 📁 Estrutura de Diretórios\n\n - `/app`: Código-fonte da aplicação.\n - `/public`: Arquivos públicos.\n\n## 🤝Contribuição\n\nSe você deseja contribuir com este projeto, siga estas etapas:\n\n1. Fork o repositório.\n\n2. Crie uma branch para sua contribuição:\n\n    ```shell\n    git checkout -b minha-contribuicao\n\n3. Faça suas alterações e commit:\n\n    ```shell\n    git commit -m 'Minha contribuição'\n\n4. Envie sua branch:\n\n   ```shell\n    git push origin minha-contribuicao\n\n5. Abra uma solicitação pull.\n\n## 🔗 Link do Projeto\n\nhttps://barberblend.vercel.app/\n\n## 🧠 Autor\n\nisrael.kilday@yahoo.com.br\n\n[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/israel-kilday-machado-de-souza-801482230) \u003ca href=\"mailto:israelkilday27@gmail.com\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Gmail-333333?style=for-the-badge\u0026logo=gmail\u0026logoColor=red\" /\u003e\n\u003c/a\u003e\n\n ### Obrigado por visitar meu projeto! 👋 \n  \n \u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003evoltar ao topo\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisraelkilday%2Fbarberblend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fisraelkilday%2Fbarberblend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fisraelkilday%2Fbarberblend/lists"}