Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gmartins-dev/nextjs14-car-hire
https://github.com/gmartins-dev/nextjs14-car-hire
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/gmartins-dev/nextjs14-car-hire
- Owner: gmartins-dev
- Created: 2023-11-22T16:40:08.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2023-11-28T21:42:25.000Z (about 1 year ago)
- Last Synced: 2024-10-16T18:50:12.841Z (3 months ago)
- Language: TypeScript
- Homepage: https://nextjs14-car-hire.vercel.app
- Size: 8.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🖥 Car Hire Booking System - Next.js v14 📱
## 🗃 Project
This project is a web application built with TypeScript, React, and json-server. It's designed to provide a robust and scalable solution for modern web development needs.
The application leverages TypeScript for static typing, which enhances code quality and understandability. React, a popular JavaScript library, is used for building the user interface in a declarative style, making the code more predictable and easier to debug.
The backend is powered by json-server, a simple tool that lets you set up a full fake REST API for development and prototyping.
The combination of these technologies provides a solid foundation for building complex web applications, and offers a great starting point for projects that require a quick setup with robust features.
## 🛠 Technologies
This project was developed with the following technologies:
**JavaScript**
**TypeScript**
**React**
**Next.js**
**TailwindCSS**
## 💻 Demonstration
🔗 Online: https://nextjs14-car-hire.vercel.app
🖥 Desktop:
📱 Mobile:
## 🚀 How to run
If you want to run the project on your local machine, just follow the steps below:
```bash
$ git clone https://github.com/gmartins-dev/nextjs14-car-hire
# Install the dependencies
$ yarn install or npm install or pnpm install (recommended)
# Run FE
$ yarn run dev or npm run dev or pnpm run dev (recommended)
# Run BE (mock json-server)
$ yarn run json-server or npm run json-server or pnpm run json-server (recommended)
```
## 🛠 Possible improvements and new features:
1. Set a design system and better styling
2. Add dark/light themes
3. Forms:
3.1 define what fields are required or optional
3.2 use masks and validations
3.3 use a third library like: Formik or React Hook Forms
4. Create a modal: when click in a car card shows the car details modal
5. Add more filtering options and a search bar
6. Organize the TS interfaces and types in a separate folder/files
7. Implement tests:
7.1 unit tests
7.2 integration tests
7.3 end-to-end test
## 📝 License
This project is licensed under the MIT license.
Guilherme Martins - @gmartins-dev
- Portfolio: https://gmartins.dev
- LinkedIn: https://www.linkedin.com/in/gmartins-dev
- GitHub: https://github.com/gmartins-dev
- Email: [email protected]