Welcome to Foodie Delights, a delightful React JS website styled with Tailwind CSS. You can explore the live version here. This repository hosts a powerful combination of technologies tailored to provide a seamless and engaging user experience for food enthusiasts. Below are the key highlights of this project:
- React.js: A versatile JavaScript library for building user interfaces, enabling efficient development through its component-based architecture.
- Tailwind CSS: A utility-first CSS framework that facilitates the creation of custom designs with ease and speed.
- HTML: Employed for structuring web pages, ensuring a robust foundation for content presentation and accessibility.
-
Responsive Design: Foodie Delights boasts a responsive design, ensuring optimal viewing and interaction experiences across a variety of devices and screen sizes.
-
Dynamic Filtering: Leveraging JavaScript, the website implements dynamic filtering functionality, allowing users to filter specific food types and pricing categories seamlessly.
-
Interactive Components: Enjoy interactive components throughout the website, such as dropdown menus for navigation and interactive buttons for enhanced user engagement.
-
Smooth Animations: Enhance the user experience with smooth animations incorporated into various elements of the website, providing a visually appealing interface.
To run the project locally, follow these steps:
- Clone this repository to your local machine using the following command:
git clone <https://github.com/Muhannad159/Foodie_Delights.git>- Navigate to the project directory:
cd foodie-delights- Install the necessary dependencies using npm:
npm install- the dependencies are installed, you can start the development server:
npm start