YummiFy is a single page application recipe website integrated with Spoonacular API built with React.js, Redux, Tailwind CSS and uses Material-Tailwind as UI components library.
- Recipe Categories: Display recipes categorized into sections such as Main Course, Dessert, and Drink recipes with dedicated pages for each.
- Search Recipe: Users can search for recipe by input a keyword.
- Save Recipe: Users can save recipes for later and access it in "Saved" page.
- Dark/Light Mode: User able to switch the website theme to Dark/Light mode.
- Responsive: Users can access the website on a variety of devices such as Mobile, Tablet and Dekstop/Laptop.
- React.js: JavaScript library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for rapid and responsive styling.
- Redux: A JS library for predictable and maintainable global state management
- Material-Tailwind: An open-source library that uses the power of Tailwind CSS and React to build website faster.
To get started with this project, make sure you have Node.js installed. Then, follow these steps:
-
Clone the Repository:
git clone https://github.com/mariotbg11/YummiFy.git cd YummiFy -
Install Dependencies:
npm install
-
Run the Project:
npm run dev
The project will run on
http://localhost:5173by default.