quick-review.mp4

My Recipe Blog

A place to store and share your favorite recipes effortlessly.
Explore the code »

View Demo

Overview

My Recipe Blog is a web application built to help users organize and share their favorite recipes. It provides a platform for users to create, edit, and delete recipes, as well as leave ratings and comments on others' recipes. The website is designed with a clean and intuitive interface, making it easy for users to manage their recipes and quickly access them whenever needed from any device.

Technologies Used

Frontend

• React (Next.js)
• Tailwind CSS
• TypeScript

Backend

• MongoDB
• Mongoose
• AWS S3

Authentication

• NextAuth.js

Form Handling

• React Hook Form

Hosting

• Vercel (Frontend)

Testing

• End-to-End (E2E) Tests: Core functionality covered with Cypress.
• Unit Tests: React components covered with Jest.

Features

• Create recipes with multiple inputs using React Hook Form.
• Save recipe photos using AWS S3.
• Edit or delete recipes easily.
• Leave ratings and comments on recipes.
• User authentication to create and save personal recipes.

Purpose

This website is designed for individuals who are passionate about maintaining a healthy diet and want a convenient place to store and access their favorite recipes. Whether you're a cooking enthusiast or someone trying to adopt a healthier lifestyle, My Recipe Blog simplifies the process of managing and sharing your culinary creations.

Contact

Vladislav Lychak - @LinkedIn - [email protected]

Project Link: https://my-food-blog-two.vercel.app/

(back to top)