CookCraft

CookCraft is a one-page website designed to help you explore, save, and plan meals effortlessly. You can search for a variety of recipes using multiple filters, such as dietary preferences, cuisine type, and calorie count. Save your favorite dishes and get personalized meal plans by calculating your daily calorie intake.

CookCraft is built using the MVC (Model-View-Controller) architecture and integrates with the Spoonacular API for recipe data and the Daily Calorie Intake Calculator to provide accurate, personalized meal plans.

The main inspiration for this project came after completing The Complete JavaScript Course 2025: From Zero to Expert! by Jonas Schmedtmann.

Technologies 👨🏻‍💻

• HTML5
• SCSS
• Vanilla JavaScript – Including ES6 features like modules, arrow functions, and async/await.
• JavaScript Plugins:
  • Headroom.js
  • AOS
• Vite

Demo 🌐

CookCraft is published on Netlify. You can try the website directly by visiting the link!

Getting Started 🚀

To get a local copy of the project running on your computer, follow these steps:

1. Clone the Repository

git clone https://github.com/lvog/cookcraft.git

2. Navigate to the Project Directory

cd cookcraft

3. Install Dependencies

Ensure that Node.js is installed on your machine. If you haven't installed it yet, you can download and install Node.js.

Once Node.js is installed, run the following command to install the necessary dependencies:

npm install

For stable operation with this build, it's recommended to use Node.js version 18+ or above. I used v20.17.0. To check the current version of Node.js on your machine, run the following command:

node -v

4. Launch the Project

Start the development server with:

npm run dev

This will start the server in development mode. You can access the project at http://localhost:3000.

5. Build the Project for Production

To create a production-ready version of the project, run:

npm run build

---

❗ IMPORTANT: Before starting, make sure to register on Spoonacular API and get your own API key. You need to add it to the config.js file. In this project, I use the free plan, so please note that the number of requests is limited.

License 📄

Distributed under the MIT License. See LICENSE for more information.

Contact 📱

Feel free to contact me via email at levchuk.oleg21@gmail.com. You can also visit my website to see more of my works or LinkedIn.