An open API service indexing awesome lists of open source software.

https://github.com/guilhaof/rtx-cars

Sistema web de anúncio de carros com react.Permite que os usuários visualizem, publiquem e gerenciem anúncios de carros.
https://github.com/guilhaof/rtx-cars

firebase javascript react-hook-form reactjs tailwindcss typescript vite zod

Last synced: 3 months ago
JSON representation

Sistema web de anúncio de carros com react.Permite que os usuários visualizem, publiquem e gerenciem anúncios de carros.

Awesome Lists containing this project

README

          


web-carros


Web Carros 🚘 Concluído 🚀


Sobre
Funcionalidades
Como executar
Tecnologias
Autor
Licença

## 💻 Sobre o projeto

🚘 Web Carros - é um sistema de anuncio de automoveis a venda , onde voce pode anunciar seus carros , entrar em contato com vendedor via whatsapp, buscar carros e suas informacoes como preços e ainda deletar do seu dashboard carros ja vendidos.

---

## ⚙️ Funcionalidades
---
- [x] Os usuários podem fazer login e se cadastrar caso nao tenham conta
- [x] Os usuarios podem cadastrar um carro com suas informacoes e fotos
- [x] Os usuarios podem buscar os carros
- [x] Os usuarios podem deletar os carros ja vendidos
- [x] Os usuarios podem entrar em contato via whatsapp com vendedor
---

### Mobile


cars-mobile

cars-mobile

cars-mobile

### Web


web

web-dashboard

web-cadastro-carro

---

## 🚀 Como executar o projeto

1. Frontend (pasta web)

💡Frontend consome dados do backend do firebase

### Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)

#### 🧭 Rodando a aplicação web (Frontend)

```bash

# Clone este repositório
$ git clone https://github.com/GuilhaoF/rtx-cars.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd rtx-cars

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

```
---

## 🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

#### **Website** ([React](https://react.dev/) + [TypeScript](https://www.typescriptlang.org/))

- **[React Router Dom](https://reactrouter.com/en/main)**
- **[React Icons](https://react-icons.github.io/react-icons/)**
- **[Firebase](https://firebase.google.com/?hl=pt)**
- **[Tailwind](https://tailwindcss.com/)**
- **[React Hook Form](https://react-hook-form.com/)**
- **[Zod](https://zod.dev/)**
- **[Vite](https://vitejs.dev/)**
- **[React Hot Toast](https://react-hot-toast.com/)**

> Veja o arquivo [package.json](https://github.com/GuilhaoF/rtx-cars/blob/main/package.json)

## 💪 Como contribuir para o projeto

1. Faça um **fork** do projeto.
2. Crie uma nova branch com as suas alterações: `git checkout -b my-feature`
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: `git commit -m "feature: My new feature"`
4. Envie as suas alterações: `git push origin my-feature`
> Caso tenha alguma dúvida confira este [guia de como contribuir no GitHub](./CONTRIBUTING.md)
---

## 🦸 Autor


imagem-dev


Luis Felipe Guilhao 🔥
🚀

---

## 📝 Licença
Este projeto esta sobe a licença [MIT](./LICENSE).

Feito com ❤️ por Luis Felipe Guilhao👋🏽 [Entre em contato!](https://www.linkedin.com/in/luis-felipe-silv/)

---