{"id":14978252,"url":"https://github.com/gui-bus/drivex","last_synced_at":"2026-03-04T22:31:34.170Z","repository":{"id":188729264,"uuid":"679301182","full_name":"gui-bus/Drivex","owner":"gui-bus","description":"A DriveX é uma página web de compra e venda de veículos, desenvolvido com Vite, React, TypeScript e Tailwind CSS. 🚘","archived":false,"fork":false,"pushed_at":"2023-10-29T18:38:23.000Z","size":83437,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-03T03:44:19.320Z","etag":null,"topics":["back-end","eslint","eslint-plugin","firebase","firebase-auth","firebase-database","firebase-storage","firestore","front-end","fullstack","react","reactrouter","reactrouterdom","tailwind","typescript","vercel","vite","zod"],"latest_commit_sha":null,"homepage":"https://drivex-cars.vercel.app/","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/gui-bus.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":"2023-08-16T14:33:14.000Z","updated_at":"2023-09-21T21:41:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"5b1794f0-ad55-49b6-bb6e-77b6a29a2f22","html_url":"https://github.com/gui-bus/Drivex","commit_stats":{"total_commits":81,"total_committers":2,"mean_commits":40.5,"dds":"0.11111111111111116","last_synced_commit":"9c67ad4c6b4094d9403bbeaceaba62c2e66e6501"},"previous_names":["gui-bus/drivex"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FDrivex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FDrivex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FDrivex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gui-bus%2FDrivex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gui-bus","download_url":"https://codeload.github.com/gui-bus/Drivex/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241605739,"owners_count":19989608,"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":["back-end","eslint","eslint-plugin","firebase","firebase-auth","firebase-database","firebase-storage","firestore","front-end","fullstack","react","reactrouter","reactrouterdom","tailwind","typescript","vercel","vite","zod"],"created_at":"2024-09-24T13:57:08.646Z","updated_at":"2026-03-04T22:31:34.136Z","avatar_url":"https://github.com/gui-bus.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# DriveX - Elevando sua experiência automotiva a um novo patamar 🚘\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-1.png?raw=true\" alt=\"Gif desktop\" width=\"700\" /\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch2 align=\"center\"\u003eAtalhos de navegação\u003c/h1\u003e\n\n***[Sobre o projeto](#drivex-)*** :car:​ \n***[Funcionalidades](#funcionalidades-dart)*** :dart:​ \n***[Como acessar a DriveX](#como-acessar-a-página-gear)*** :gear: \n***[Tecnologias utilizadas](#tecnologias-utilizadas-dart)*** :dart: \n***[Galeria](#galeria-camera)*** :camera: \n***[Contribuição](#contribuição-bulb)*** :bulb:\n***[Créditos e Agradecimentos](#creditos-e-agradecimentos-handshake)*** :handshake:\n***[Contato](#redes-sociais-para-contato-speech_balloon)*** :speech_balloon:\n***[Página personalizada](#precisa-de-uma-pagina-personalizada-para-o-seu-negócio-rocket)*** :rocket:\n\n\u003c/div\u003e\n\n## DriveX 🚗\n\n***A [DriveX](https://drivex-cars.vercel.app/) é uma página web de compra e venda de veículos, desenvolvido com Vite, React, TypeScript, Firebase e Tailwind CSS.*** O projeto conta com um sistema de autenticação com Firebase para gerenciar o login e registro de usuários, bem como um banco de dados Firestore para armazenar informações sobre veículos e usuários. Além disso, o projeto oferece a possibilidade de entrar em contato com os vendedores via WhatsApp.\n\n***Venha e explore a melhor seleção de carros novos e usados em todo o Brasil!*** :star:\n\n\u003e **ALERTA** :warning:\n\u003e Este projeto se trata de um projeto de estudos, ou seja, nenhuma das informações contidas na página do projeto são totalmente verídicas. Todas as informaçoes e imagens são meramente ilustrativas e foram obtidas do site da [WebMotors](https://www.webmotors.com.br/), caso tenha ficado interessado em algum veículo basta proculá-lo no site da WebMotors.\n\n### Funcionalidades :dart:\n- [x] ***Interface de usuário, navegação e design***\n\t- Através da combinação de ***React + Tailwind*** foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.\n- [x] ***Integração com os serviços do Firebase***\n\t- Foi utilizado o plano grátis de serviços de ***Authentication***, ***Firestore Database*** e ***Storage*** do ***[Firebase](https://firebase.google.com/?hl=pt)*** para gerir os seguintes dados:\n\t\t- Authentication - Cadastro e login de usuários.\n\t\t- Firestore Database e Storage - Cadastro/exclusão de dados do veículo, sendo eles informações de texto e imagens.\n- [x] ***Formulários***\n\t- Os formulários de cadastro/login de usuários e o de cadastro de veículos foram criados utilizando as bibliotecas ***[React Hook Form](https://react-hook-form.com/)*** e ***[Zod](https://zod.dev/)*** para garantir as validações necessárias. \n- [x] ***Barra de pesquisa e filtros de categoria***\n\t- Sistema de pesquisa feito utilizando querys do Firestore, onde o usuário pode tanto utilizar a barra de pesquisa e procurar pelo nome do veículo desejado quanto filtrar os veículos pelos cards de categoria: Picape, Sedan, Hatch, SUV, Esportivo e Elétrico.\n- [x] ***Detalhes que fazem a diferença***\n\t- Sistema de notificaçoes feito utilizando ***[React Hot Toast](https://react-hot-toast.com/)***.\n\t- Os ícones utilizados são da biblioteca ***[React Icons](https://react-icons.github.io/react-icons/)***.\n\t- BarLoader da biblioteca ***[React Spinners](https://www.npmjs.com/package/react-spinners)*** para indicar carregamento.\n\t- Carrossel feito utilizando  o poderoso ***[Swiper](https://swiperjs.com/)***.\n\n## Como acessar a página :gear:\n\n- [x] Para desfrutar da incrivel plataforma da DriveX basta ***[clicar aqui](https://drivex-cars.vercel.app/)***\n\t\n\n## Tecnologias utilizadas :dart:\n\n\u003cdiv\u003e\n\t\u003cimg alt=\"React\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/React.svg\"\u003e\n\t\u003cimg alt=\"Vite\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Vite.svg\"\u003e\n\t\u003cimg alt=\"Typescript\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Typescript.svg\"\u003e\n\t\u003cimg alt=\"Tailwind\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/TailwindCSS.svg\"\u003e\n\t\u003cimg alt=\"Firebase\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Firebase.svg\"\u003e\n\t\u003cimg alt=\"Vercel\" height=\"80\" width=\"80\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Vercel.svg\"\u003e\n\u003c/div\u003e\n\n\n## Galeria :camera:\n#### Desktop\n\u003cdiv align=\"center\"\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-3.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eVeículos cadastrados\u003c/p\u003e\t\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-2.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eDetalhes do veículo\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-4.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eValidação de login\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-5.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eValidação de cadastro\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-6.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eDashboard\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-8.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eCadastro de veículos\u003c/p\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/MacbookAir-7.png?raw=true\" alt=\"desktop\" width=\"800\" /\u003e\n\u003cp align=\"center\"\u003eValidação cadastro de veículos\u003c/p\u003e\n\u003c/div\u003e\n\n#### Mobile\n\u003cdiv align=\"center\" style=\"display: inline_block\"\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-1.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-2.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-3.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-4.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-5.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-6.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-7.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/Github/DriveX/Images/iPhone-8.png?raw=true\" alt=\"mobile\" width=\"200\" /\u003e\n\u003c/div\u003e\n\n## Contribuição :bulb:\n\nGostaria de contribuir para o projeto? ***Fico muito grato pelo interesse!***\n\n- Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.\n\n## Creditos e agradecimentos :handshake:\n- Todas as imagens e informaçoes dos veículos foram retiradas do site da ***[WebMotors](https://www.webmotors.com.br/)***.\n- Agradeço ao professor ***[Matheus Fraga](https://github.com/devfraga)*** pelos ensinamentos que foram cruciais para a realização deste projeto.\n\n## Redes sociais para contato! :speech_balloon:\n\n\u003ca href=\"https://www.instagram.com/guibus_dev/\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"Instagram\" height=\"60\" width=\"60\"  src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Instagram.svg\"\u003e \n\u003c/a\u003e\n\u003ca href=\"https://www.linkedin.com/in/gui-bus/\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"LinkedIn\" height=\"60\" width=\"60\"  src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Linkedin.svg\"\u003e \n\u003c/a\u003e\n\u003ca href=\"mailto:guibus.dev@gmail.com\" target=\"_blank\"\u003e\n\t\u003cimg alt=\"Gmail\" height=\"60\" width=\"60\" src=\"https://github.com/gui-bus/TechIcons/blob/main/Dark/Gmail.svg\"\u003e \n\u003c/a\u003e\n\n\n## Precisa de uma pagina personalizada para o seu negócio? :rocket:\n\n- [x] Se você gostou do projeto da ***DriveX*** e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa. \u003cbr\u003e ***Vamos transformar sua visão em realidade!*** :star: \n\n-  Entre em contato através das minhas redes sociais ou envie-me um e-mail para [guibus.dev@gmail.com](mailto:guibus.dev@gmail.com).\n\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/gui-bus/drivex/blob/main/src/assets/drivexLogo.png?raw=true\" alt=\"DriveX\" width=\"300\" /\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgui-bus%2Fdrivex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgui-bus%2Fdrivex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgui-bus%2Fdrivex/lists"}