{"id":26248132,"url":"https://github.com/yurilrodrigues/autocars-frontend","last_synced_at":"2026-07-16T07:34:13.605Z","repository":{"id":276147560,"uuid":"906315949","full_name":"YuriLRodrigues/autocars-frontend","owner":"YuriLRodrigues","description":"O AutoCars é uma plataforma completa para anúncios de veículos, desenvolvida com Next.js e Tailwind CSS como principais tecnologias. Ele permite que usuários anunciem, pesquisem e interajam com anúncios de carros, além de favoritar, comentar e gerenciar suas vendas via dashboard.","archived":false,"fork":false,"pushed_at":"2025-02-24T22:59:15.000Z","size":5757,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-13T14:17:26.637Z","etag":null,"topics":["cypress","framer-motion","nextjs","nextthemes","react","reacthookform","shadcn-ui","tailwindcss","typescript","zod","zustand"],"latest_commit_sha":null,"homepage":"https://autocars-frontend.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/YuriLRodrigues.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-12-20T16:15:44.000Z","updated_at":"2025-03-06T20:19:10.000Z","dependencies_parsed_at":"2025-02-06T15:47:29.676Z","dependency_job_id":null,"html_url":"https://github.com/YuriLRodrigues/autocars-frontend","commit_stats":null,"previous_names":["yurilrodrigues/autocars-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/YuriLRodrigues/autocars-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriLRodrigues%2Fautocars-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriLRodrigues%2Fautocars-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriLRodrigues%2Fautocars-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriLRodrigues%2Fautocars-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YuriLRodrigues","download_url":"https://codeload.github.com/YuriLRodrigues/autocars-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuriLRodrigues%2Fautocars-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35535880,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-16T02:00:06.687Z","response_time":83,"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":["cypress","framer-motion","nextjs","nextthemes","react","reacthookform","shadcn-ui","tailwindcss","typescript","zod","zustand"],"created_at":"2025-03-13T14:17:29.175Z","updated_at":"2026-07-16T07:34:13.567Z","avatar_url":"https://github.com/YuriLRodrigues.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚗 AutoCars - Plataforma de Anúncios de Carros (Frontend)\n\nEste é o frontend da plataforma AutoCars, criado com foco em performance, acessibilidade e experiência do usuário. Ele permite a publicação e navegação por anúncios de veículos, proporcionando uma experiência fluida e otimizada.\n\n## 🚀 Tecnologias Utilizadas\n\nAs principais tecnologias usadas no frontend incluem:\n\n- ![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white) - Framework React para SSR e SSG\n- ![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge\u0026logo=typescript\u0026logoColor=white) - Tipagem estática para maior segurança\n- ![Tailwind CSS](https://img.shields.io/badge/TailwindCSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white) - Estilização moderna e eficiente\n- ![Zustand](https://img.shields.io/badge/State%20Management-Zustand-FF9900?logo=zustand) - Gerenciamento de estado leve\n- ![React Hook Form](https://img.shields.io/badge/react--hook--form-EC5990?style=for-the-badge\u0026logo=reacthookform\u0026logoColor=white) - Gerenciamento de formulários\n- ![Framer Motion](https://img.shields.io/badge/Framer_Motion-0055FF?style=for-the-badge\u0026logo=framer\u0026logoColor=white) - Animações fluidas\n- ![Shadcn](https://img.shields.io/badge/shadcn/ui-000000?style=for-the-badge\u0026logo=shadcn/ui\u0026logoColor=white) - Componentes acessíveis e customizáveis\n- ![Cypress](https://img.shields.io/badge/-cypress-%23E5E5E5?logo=cypress\u0026logoColor=058a5e) - Testes end-to-end\n- ![Zod](https://img.shields.io/badge/-Zod-3E67B1?style=flat\u0026logo=zod\u0026logoColor=white) - Validação de esquemas\n- ![Next Themes](https://img.shields.io/badge/NextThemes-000000?style=for-the-badge\u0026) - Modo escuro e claro dinâmico\n\n## 📂 Estrutura de Pastas\n\n```bash\nsrc/\n  ├── @types/\n  ├── app/\n  │   ├── (home)/\n  │   │   ├── cars/\n  │   │   ├── components/\n  │   │   ├── profile/\n  │   │   ├── layout.tsx\n  │   │   ├── page.tsx\n  │   ├── auth/\n  │   │   ├── forgot-password/\n  │   │   ├── new-password/\n  │   │   ├── sign-in/\n  │   │   ├── sign-up/\n  │   ├── dashboard/\n  │   │   ├── components/\n  │   │   ├── favorites/\n  │   │   ├── manager/\n  │   │   ├── profile/\n  │   │   ├── seller/\n  │   │   ├── layout.tsx\n  │   │   ├── not-found.tsx\n  ├── assets/\n  ├── components/\n  ├── context/\n  ├── hooks/\n  ├── http/\n  ├── lib/\n  ├── providers/\n  ├── styles/\n  ├── utils/\n  ├── env.mjs\n  ├── middleware.ts\n```\n\n## 🌟 Funcionalidades Principais\n\n- 📌 **Publicação de anúncios** com upload de imagens\n- 🔍 **Pesquisa e filtros** para encontrar veículos rapidamente\n- 💾 **Favoritar e curtir anúncios** para acesso rápido\n- 💬 **Criar e visualizar comentários** em anúncios\n- 🖥 **Painel Dashboard** para gerenciar anúncios e métricas\n- 🎨 **Escolha de tema** (escuro, claro ou cores personalizadas como laranja, vermelho, azul, etc.)\n- 🚀 **Interface otimista** para respostas instantâneas\n- 🎭 **Skeletons de carregamento** para melhor UX\n- 📱 **Totalmente responsivo**, adaptado para qualquer tela\n\n## 🔮 Futuras Atualizações\n\n- 💬 **Conversa com vendedor** via chat\n\n---\n\n## ⚙️ Instalação\n\n```bash\n$ npm install\n```\n\n## 🚀 Rodando a Aplicação\n\n```bash\n# Desenvolvimento\n$ npm run dev\n\n# Produção\n$ npm run build \u0026\u0026 npm start\n```\n\n## 🧪 Testes\n\n```bash\n# Testes unitários\n$ npm run test\n\n# Testes end-to-end com Cypress\n$ npm run test:e2e\n```\n\n---\n\n## 📬 Contato\n\n- **Autor**: YuriLRodrigues\n- **LinkedIn**: [Yuri Leite Rodrigues](https://www.linkedin.com/in/yuri-leite-rodrigues)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyurilrodrigues%2Fautocars-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyurilrodrigues%2Fautocars-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyurilrodrigues%2Fautocars-frontend/lists"}