Welcome! This project is a webpage built using Next.js, Tailwind CSS, and React Modal. The goal was to create a visually appealing webpage based on a provided design, fetch data from a specified API, and implement a form for adding items.

I have created the design, gave close attention to colors, fonts, and overall layout. The webpage includes a button that opens a modal for adding new cards, which will not POST the data to the server but will so the data in the cards.

I have implemented a form on the webpage that allows users to add items to the list. Frontend validation is in place to catch any input mistakes.

• Tech Tools: Next.js, React, Tailwind CSS, React Modal.
• Data Fetching: Data is fetched from the specified API and displayed on the webpage.
• Responsiveness: The webpage is designed to look good on various devices, including computers, tablets, and phones.

1. Clone the repository: git clone https://github.com/TanvirHasanPrince/QT_Int_JAN2024.git
2. Navigate to the project directory: cd your-repo
3. Install dependencies: npm install
4. Start the development server: npm run dev
5. Open your browser and visit: https://localhost:3000

The project is live on Vercel. Check it out here.

For any questions or feedback, feel free to reach out to me at [[email protected]].