Fullstack Meal Sharing Web Application

---

Invite your best friends or your family for dinner! Or make new friends by sharing your meals!

P.S: An awesome logo is in progress.

📝 Table of Contents

• About
• C4 Model Visualisation
• Demo

🧐 About

This is an ongoing 10-week-long full-stack web application project.
Tech Stack
• Database: MySQL in Docker
• Backend: Node.js, Express.js, Knex.js
• API Calls: Postman
• Frontend: Vite, React
• Styling and design guides: Material Design Theme Provider, React Icons, Figma

GET methods: Used to retrieve data from the database, specifically meals, reviews, and reservations. This data is then rendered on the frontend, allowing users to view existing information.

POST methods: Used to add new data to the database, such as adding new meals, reviews, and reservations. This functionality enables users to contribute new information to the application.

• C4 Model Visualisation
• System Context Diagram:

• Container Diagram:

• Component and API Diagram:

Demo (Recorded on 01.05.2024)

Online_Meal_Sharing_Platform.mp4

Fun Fact

The painting is one of my favorite paintings and dates back to 1630. It's 'A Peasant Wedding Feast' by Pieter Brueghel the Younger.