Skip to content

Latest commit

 

History

History
95 lines (54 loc) · 1.81 KB

README.md

File metadata and controls

95 lines (54 loc) · 1.81 KB

#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

App Screenshot

App Screenshot

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.