Food Delight is a web application that provides a platform for exploring and ordering delicious meals. It offers a wide range of recipes from various cuisines, allowing users to satisfy their cravings and indulge in culinary delights.

Before running the Food Delight application, ensure that you have the following prerequisites installed on your system:

• Node.js (version 14 or above)
• npm (Node Package Manager) or yarn

To start the Food Delight server and run the application, follow these steps:

1. Clone the repository:

git clone https://github.com/salaimuniselvam-s/vgts-task.git

2. Navigate to the project directory:

cd vgts-task

3. Install the dependencies:

yarn

        or

npm install

4. Start the development server:

yarn dev

        or

npm run dev

5. Open your browser and visit http://localhost:3000 to access the Food Delight application.

Check out the preview of the Food Delight application by following this link: Food Delight Preview

This video provides a visual walkthrough of the application, showcasing its features and user interface. Download & Watch the preview to get a glimpse of what Food Delight has to offer.

Food Delight is built using the following technologies:

• React.js: A JavaScript library for building user interfaces.
• Vite: A fast build tool for modern web applications.
• Tailwind CSS: A utility-first CSS framework for designing responsive and customizable UI components.
• Redux Toolkit: A toolset for efficient Redux development, providing utilities for writing Redux logic in a more concise and maintainable way.
• TypeScript: A statically-typed superset of JavaScript that provides enhanced tooling and type safety.
• Ant Design (antd): A popular UI library for React that provides a set of customizable and accessible components.
• Framer Motion: A library for creating smooth and fluid animations in React applications.
• React Router Dom: A library for routing in React applications, allowing for navigation and URL handling.
• React Icons: A library that provides a wide range of icons for use in React applications.
• Axios: A promise-based HTTP client for making API requests in JavaScript and TypeScript.

These technologies were chosen to create a robust, efficient, and visually appealing web application with a focus on responsive design and a smooth user experience.