Skip to content

Explore tasty recipes with Cook Fun - your go-to for culinary inspiration!

Notifications You must be signed in to change notification settings

erinh816/Cook-Fun

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 

Repository files navigation

🍔 Cook Fun 🍔

Try it out: https://cook-fun.netlify.app/

This project is a recipe searching website developed using Express, Prisma, TypeScript, and SQL, integrated with the Spooncular API. It allows users to search for recipes, read recipe summaries, and save or unsave recipes for later reference. Screenshot 2024-04-05 at 4 26 05 PM

🍕 Features

  • Search: Users can search for recipes using keywords or ingredients.
  • Recipe Summary: Detailed information about each recipe, including ingredients, instructions, and nutritional information, is provided. You can check it out by clicking the recipe card.
  • Save/Unsave Recipe: Users can save their favorite recipes to their profile for easy access later by clicking the heart icon on each recipe card.

🍕 Technologies Used

  • Express: Backend framework for handling server-side logic and API requests.
  • Prisma: Database ORM for interacting with the SQL database.
  • TypeScript: Superset of JavaScript for static typing and improved developer experience.
  • SQL: Structured Query Language for managing and querying the database.
  • Spooncular API: External API for retrieving recipe data and information.

🍕 Technologies Used

  • Frontend:

    • React
    • HTML
    • CSS
    • TypeScript
    • React Icons
  • Backend:

    • Node.js
    • Express.js
    • Prisma (ORM)
    • TypeScript
    • PostgreSQL (Database hosted on ElephantSQL)
  • APIs:

    • Spoonacular API (for recipe data)
  • Deployment:

    • ... (for hosting backend)
    • ... (for hosting frontend)
  • Other Tools:

    • Git
    • GitHub
    • Visual Studio Code

🍕 Installation and Setup

  1. Clone the repository: git clone <repository-url>
  2. Install dependencies: npm install
  3. Set up environment variables: Create a .env file with the necessary environment variables
  4. Run the server: npm start
  5. Run the fronend: npm run dev

🍕 Usage

  1. Access the website in your browser.
  2. Use the search bar to search for recipes.
  3. Click on a recipe to view its details.
  4. Save or unsave recipes by clicking the appropriate button.

🍕 Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your changes.

🍕 License

About

Explore tasty recipes with Cook Fun - your go-to for culinary inspiration!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published