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.
- 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.
- 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.
-
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
- Clone the repository:
git clone <repository-url>
- Install dependencies:
npm install
- Set up environment variables: Create a
.env
file with the necessary environment variables - Run the server:
npm start
- Run the fronend:
npm run dev
- Access the website in your browser.
- Use the search bar to search for recipes.
- Click on a recipe to view its details.
- Save or unsave recipes by clicking the appropriate button.
Contributions are welcome! Please fork the repository and submit a pull request with your changes.