BankHotel

#BankHotel

A creative visual website I built for a mock Hotel called BankHotel, Guests can book hotel rooms with custom specified preferences, Payment integration using Paystack API, an option to download a generated pdf copy containing all your booking Info, a multistep form. I paid particular attention to the performance, code reusability, UI while maintaining a seamless user experience.

Demo

https://bankhotel-ng.netlify.app/

Screenshots

Tech Stack

NextJs 14, Typescript, Tailwind, ShadCn, Redux, React Hook Form, Zod, Node Js, MongoDb, Express

License

MIT

Support

For support, email mayorfalomo@gmail.com or contact me via any platform.

Deployment

To deploy this project run

  npm run dev

🛠 Skills

Javascript, HTML, CSS...

React, Next Js, Typescript, Vue js...

Css, Scss , Tailwind, Shadcn, Chakra Ui, Styled Components, Material UI

Node Js, Express, MongoDb, GraphQL, Apollo server...

Firebase.

Redux

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

Optimizations

I used Next JS which is a lightweight fast frontend framework

Code Reusabilty to avoid reusing code everywhere

Used dynamic import for component using large bundles sizes

Features

• Hotel Room Booking
• Payment Integration.
• Generate Booking Info in a PDF.
• Download PDF on your Info.
• Cool looking animations.
• Smooth Scrolling.
• Smooth Page Transitions.