/king-david-car-rent-app

King David / Test task - reservation app with next.js, react, redux, hooks, material ui. In educational purposes

Primary LanguageTypeScriptMIT LicenseMIT

King David / Test task

In programming purposes.
At this time I'm not seeking to change jobs.

You can open live page by folowing this link - https://car-rent-theta.vercel.app/

Technology Stack:

- next.js
- react
- redux
- typescript
- node.js
- formik / yup - form validation
- material ui - simple markup
- google api

This is a Next.js project bootstrapped with create-next-app.

Requirements

Make a new Next.js app (read the learn section on next.js website it's very short).
Install Material UI styles Make 3 steps reservation process, each step in a new page.

Step 1: select checkin checkout datetime.

Checkout time must be bigger than checkin
Checkin can be only in the next 2 hours (from current time and not sooner)
The total time of booking must be more than 4 hours

Step 2: select address from google API places (make a free account in google map addresses

https://developers.google.com/maps/documentation/javascript/places-autocomplete

Step 3: Show the summary of reservation:

dates, place details and a map of google with the address as MARKER

If you whoul like to open this project on the localhost, folow next steps:

First, download this project into your pc
Next, open project folder and run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Vercel

This project is hosts on vercel

More

Still have questions? Feel free to ask them by this mail igot.c.m@ukr.net