YumUnity is a modern social platform for everyone who loves sharing their culinary experiences with friends. Think of it as a “Facebook for food” – a place where users can post photos of their meals, comment on their friends’ dishes, get inspired, and build a community around food.
This project was developed as a university assignment for the Internet Technologies course, demonstrating the full process of web application design and implementation.
-
Documentation & Concept
Documentation- Created detailed project documentation (goals, functional specification, and structure).
-
Design Phase (Figma)
Figma file- Built functional wireframes to map the UX.
- Designed visual mockups in Figma with a pastel, modern style focused on food content.
-
Implementation (Frontend)
- Developed the homepage and interface with HTML, CSS, and JavaScript.
- Applied responsive web design techniques.
-
Hosting & Database
Hosted homepage- Deployed the application homepage to the hosting server.
- Set up a database for storing users, posts, friends, and interactions.
This process highlights my practical involvement in every stage of the project.
- Upload and share photos & descriptions of meals.
- Like and comment on friends’ posts.
- Track calorie intake and meal types.
- User profiles with meal history and settings (bio, Q&A section and more).
- Calendar view for browsing and filtering posts by date.
- Customizable meal schedule with reminders.
- Friend system: invites, requests, sorting, and management.
- Real-time notifications for likes, comments, and reminders.
-
Home Feed
- Search bar for friends.
- Notifications icon.
- Post creation button & feed of friends’ posts.
- Sidebar with friend list and pending requests.
-
User Profile
- Profile details (photo, name, description).
- Calendar to filter meal posts by date.
- Settings (theme, personal data, meal schedule, profile photo).
- Clean, modern, pastel color palette.
- Food-centered visuals with focus on meal photography.
- Social media–style interface, simple and engaging.
| Layer | Tools & Technologies |
|---|---|
| Design | Figma (wireframes, mockups, UI design) |
| Frontend | HTML, CSS, JavaScript |
| Backend | PHP |
| Database | SQL (user accounts, posts, friends, notifications) |
| Hosting | cba.pl |