This project is a frontend assignment submission built using Next.js and TypeScript, with the main focus on creating a pixel-perfect and device-responsive user interface.
The project utilizes the ShadcnUI library for components and Tailwind CSS for styling. The application is hosted on Vercel.
Figma link of the assignment.
To get started with the project, follow these steps:
-
Clone the repository:
git clone https://github.com/Nick-h4ck3r/abit-assignment.git
-
Install dependencies:
npm i
-
Run the development server:
npm run dev
Open [http://localhost:3000] to view the application in your browser.
-
Next.js: The project is built using Next.js, providing a powerful and efficient framework for React applications.
-
TypeScript: TypeScript is used to enhance code quality, provide static typing, and improve developer productivity.
-
ShadcnUI: Components from ShadcnUI library are employed to create a consistent and visually appealing user interface.
-
Tailwind CSS: Tailwind CSS is used for styling, providing a utility-first approach and making it easy to create responsive designs.
-
Vercel: The application is hosted on Vercel, ensuring seamless deployment and continuous integration.
-
Pixel Perfect: The project aims to achieve pixel-perfect similarity to the given task image in Figma, ensuring a visually polished user interface.
-
Device Responsive: The application is designed to be responsive across various devices, providing a seamless user experience on desktops, tablets, and mobile devices.
-
Quick Development: Despite the complexity of the task, the project was completed in a short timeframe of 6 hours overnight, showcasing efficient development practices.
Visit my Portfolio website.