RecipeSaga is a React.js-based web application that showcases a collection of food and drink recipes. This project was developed as part of my portfolio to demonstrate my skills in front-end development, particularly with React.js.
View the live demo of RecipeSaga
- React.js
- HTML5
- CSS3 (for responsive design)
- JavaScript (ES6+)
- npm (for package management)
- Responsive design that works on desktop and mobile devices
- Recipe browsing with category filters
- Search functionality to find recipes by name or ingredients
- Detailed view for each recipe with ingredients and instructions
- Clean and intuitive user interface
To run this project locally:
-
Clone the repository:
git clone https://github.com/your-username/RecipeSaga.git -
Navigate to the project directory:
cd RecipeSaga -
Install dependencies:
npm install -
Start the development server:
npm start -
Open your browser and visit
http://localhost:3000
Through this project, I demonstrated:
- Proficiency in building single-page applications with React.js
- State management in React using hooks
- Creating reusable and modular components
- Implementing responsive design principles
- Handling user interactions and managing application state
[Chris] - [victorchris73@gmail.com]
Project Link: https://github.com/copstud3/RecipeSaga
- React Documentation
- Create React App
- Spoonacular API used in the project