This repository contains a Next.js application developed for a coding Challenge. The challenge is to transform a specific Figma design into a pixel-perfect, fully functional web page. This project demonstrates precise design implementation skills along with modern web development practices.
The goal of this project is to accurately convert a Figma design into a responsive and interactive web page using Next.js. The final deployment is handled through Vercel to ensure optimal performance and accessibility.
- Pixel Perfect Transformation: Every element is meticulously crafted to match the original design in Figma.
- Responsive Design: Ensures that the web page looks great on both desktop and mobile devices.
- Optimized for Performance: Leveraging Next.js for server-side rendering and other advanced features to boost performance.
Before you begin, ensure you have the following installed:
To get started with this project, clone the repository and install the dependencies:
git clone https://github.com/AmmariAbdelmounaim/niftables-challenge.git
cd niftables-challenge
npm install # or yarn installTo run the development server:
npm run dev # or yarn dev
npm run dev # or yarn devOpen http://localhost:3000 with your browser to see the result.
- Video and Image optimization using Cloudinary
- Complete documentation of components using StoryBook