Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lostovayne/car-rent-website

Sitio web para rentar vehiculos , que maneja dashboard administrativo junto a sistema de pago
https://github.com/lostovayne/car-rent-website

cloudflare react shadcn tailwind typescript vite zustand

Last synced: 8 days ago
JSON representation

Sitio web para rentar vehiculos , que maneja dashboard administrativo junto a sistema de pago

Awesome Lists containing this project

README 

        
# Car Rent



## Descripción



En Rent-a-Wheels, nos enorgullece ofrecerte una experiencia de alquiler de vehículos sin complicaciones. Ya sea que necesites un coche para un viaje de negocios, unas vacaciones familiares o simplemente para moverte por la ciudad, estamos aquí para ayudarte. Nuestra plataforma basada en React te permite explorar una amplia variedad de opciones de vehículos, desde compactos hasta SUVs de lujo. Además, hemos simplificado el proceso de reserva y entrega para que puedas estar al volante en cuestión de minutos.



## Demo



vehiculos



## Rendimiento



## Instalación



1. Clona este repositorio en tu máquina local.

2. Asegúrate de tener Node.js instalado.

3. Ejecuta `npm install` para instalar las dependencias.

4. Revisa las variables de entorno en  caso de ser necesario en .env

5. Ejecuta `npm dev` para iniciar el servidor de desarrollo.

6. Revisa la ruta `https://localhost://5173`



## Uso



## Características del Sistema de Renta de Vehículos



1. **Exploración de Vehículos**

    - Los usuarios podrán explorar una amplia variedad de vehículos disponibles para alquiler.

    - Filtrado por tipo de vehículo, capacidad, características y más.



2. **Reserva Sencilla**

    - Proceso de reserva simplificado.

    - Selección de fechas, horarios y ubicación de recogida/devolución.



3. **Autenticación Segura**

    - Integración con **Clerk Auth** para autenticación segura de usuarios.

    - Registro, inicio de sesión y gestión de cuentas.



4. **Pago Integrado**

    - Integración con **PayPal** para procesar pagos de alquiler.

    - Facturación transparente y segura.



5. **Estado del Vehículo**

    - Seguimiento en tiempo real del estado del vehículo (disponible, reservado, en mantenimiento, etc.).



6. **Mapas y Navegación**

    - Integración con **Mapbox** para mostrar ubicaciones de recogida/devolución y rutas.



7. **Gestión de Reservas**

    - Visualización y edición de reservas existentes.

    - Notificaciones por correo electrónico o SMS.



8. **Información Detallada**

    - Descripciones detalladas de cada vehículo (características, especificaciones, fotos).

    - Calificaciones y comentarios de otros usuarios.



9. **Interfaz Moderna**

    - Diseño atractivo y fácil de usar basado en **Figma**.

    - Animaciones suaves con **Framer Motion** o **Tailwind Animate**.



10. **Estadísticas y Análisis**

    - Uso de **Recharts** para visualizar datos sobre reservas, tipos de vehículos más populares, etc.



11. **Gestión de Estado Global**

    - Utilización de **Zustand** para un estado global eficiente y escalable.



12. **Formularios Optimizados**

    - Validación y manejo de formularios con **React Hook Form**.



13. **Enrutamiento**

    - Navegación fluida entre páginas utilizando **React Router Dom**.



14. **Optimización de Carga**

    - Desarrollo rápido con **Vite** para una experiencia de desarrollo ágil.



## Tecnologías Utilizadas



- [Tailwind 3.4](https://tailwindcss.com/)

- [Lucide Icons](https://lucide.dev/)

- [Zustand](https://github.com/pmndrs/zustand)

- [Clerk Auth](https://clerk.com/)

- [OpenAi](https://openai.com/)

- [PayPal](https://www.paypal.com/)

- [ShadCn](https://ui.shadcn.com/)

- [Vite](https://vitejs.dev/)

- [Recharts](https://recharts.org/en-US)

- [React Hook Form](https://react-hook-form.com/)

- [Zod](https://github.com/colinhacks/zod)

- [React Router Dom](https://reactrouter.com/)

- [Framer Motion o Tailwind ANimate](https://www.framer.com/motion/)

- [Mapbox](https://www.mapbox.com/)

- [Figma](https://www.figma.com/design/eLzIrNW2eJyVNx7lopIHej/Car-Rent-Website-Design---Pickolab-Studio-(Community)?node-id=1-5&t=nEjW5sRNiyoU1RqT-0)

- [UseHooksTs](https://usehooks-ts.com/)



## Contribución



Si deseas contribuir a este proyecto, por favor sigue estos pasos:



1. Haz un fork del repositorio.

2. Crea una nueva rama (`git checkout -b feature/nueva-caracteristica`).

3. Realiza tus cambios y haz commit de ellos (`git commit -am 'Agrega nueva característica'`).

4. Haz push de tu rama a la rama dev (`git push origin feature/nueva-caracteristica`).

5. Crea un nuevo Pull Request.



## Licencia



Este proyecto está bajo la Licencia MIT. Consulta el archivo `LICENSE` para más detalles.



¡Gracias por tu interés en este proyecto! Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto con nosotros.



## 👏 Gracias a todos por sus contribuciones



[![Contribuidores](https://contrib.rocks/image?repo=Lostovayne/car-rent-website&max=500&columns=20)](https://github.com/Lostovayne/car-rent-website/graphs/contributors)