Tickete FrontEnd Task

This Task need Primary focus area would be to match the final page as closely as possible to Figma linked above, additionally focusing on maintaining code quality. The figma file:

https://www.figma.com/file/g2dLOCjx050dKXg6M4OmDr/Checkout-Page?type=design&mode=design

Technologies Used:

  • NextJS
  • TailwindCSS
  • Material UI
  • Chakra UI

deployed link

Demo Link

Final Image for big Screens :

sample screenshots

Final Image for small screens :

sample Image

Installation

To run the project locally on your machine, follow these steps:

  1. Clone the repository:
git clone https://github.com/your-username/tickete.git
cd tickete
  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
  1. The app will be available at http://localhost:3000 in your browser.