Cookit Website

Project Description

Cookit is your ultimate recipe finder, designed to simplify meal planning by suggesting recipes based on the ingredients you have on hand.

Tech Stack

• Express.js
• Middleware: cors, dotenv, express.json()
• Fetch API
• HTML, CSS, JavaScript
• Axios
• Postgres Sequelize
• LocalStorage

Features

• User authentication and account creation
• Ingredient-based recipe search
• Real-time display of recipe results
• Ability to save favorite recipes
• Navigation through header and navigation bar
• Integration with external recipe sources

Installation

Install npm: npm install 2. Install Express: npm install express 3. Install cors middleware: npm install cors 4. Install dotenv middleware: npm install dotenv 5. Install Axios: npm install axios 6. Install cookie-parser: npm install cookie-parser 7. Install Postgres Sequelize: npm install sequelize pg pg-hstore

Screenshots

Instructions for Installation

1. Install npm
2. Install Express
3. Install cors middleware
4. Install dotenv middleware
5. Install Postgres Sequelize
6. Set up .env file

Future Enhancements

Cookit is continuously evolving. Here are some upcoming features:

• User accounts and personalization features
• Integration with online grocery services
• Suggestions for grocery items and creation of grocery lists
• Connection to Walmart's online grocery shopping
• Social sharing features

Demo

(http://localhost:8000/home.html)

Conclusion

Thank you for joining me on this journey with Cookit! Stay tuned for more updates and happy cooking!