https://github.com/kondlekar-yash/cook-it

Project to demonstrate fundamental skills of HTML, CSS and modern JavaScript
https://github.com/kondlekar-yash/cook-it

css3 dom-manipulation error-handling es6 event-management eventdelegation html5 javascript oop persistence responsive-web-design

Last synced: 4 months ago
JSON representation

Project to demonstrate fundamental skills of HTML, CSS and modern JavaScript

• Host: GitHub
• URL: https://github.com/kondlekar-yash/cook-it
• Owner: kondlekar-yash
• Created: 2025-01-29T07:37:59.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-07T09:53:58.000Z (over 1 year ago)
• Last Synced: 2025-10-31T01:52:16.625Z (8 months ago)
• Topics: css3, dom-manipulation, error-handling, es6, event-management, eventdelegation, html5, javascript, oop, persistence, responsive-web-design
• Language: JavaScript
• Homepage:
• Size: 71.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cook-it

A Javascript project to demonstrate fundamental skills of HTML, CSS and modern JavaScript. It also covers advanced features of JS such as OOP, DOM manipulation, EventHandlers, persistance with local storage and much more.

Features of this web application are as follows:

-Bookmark favorite recipes for quick access.

-Search recipes by ingredients or name.

-Mobile-friendly interface using SCSS and error handling.

-Persist data using local storage.

-Interactive UI with JavaScript event handlers.

-Organized code using MVC architecture with Object-Oriented Programming.

# Skills Demonstrated

- **HTML**: Semantic HTML5 structure.

- **CSS/SCSS**: Styling with SCSS, including variables and mixins.

- **JavaScript**: ES6+ features, including classes, modules, OOP, and async/await.

- **DOM Manipulation**: Dynamic content updates and user interaction handling.

- **Local Storage**: Data persistence across sessions.

- **Responsive Design**: Ensuring usability across different devices.

- **Event Handling**: Managing user interactions efficiently.

To-Do features:

1- Add new recipe

2- Clear bookmarks button

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.