Recipe Sharing Platform

Full-stack collaborative recipe management web application

Built as a team project for UCSC CSE 183 (Spring 2025). This platform enables users to create, share, and manage recipes with ingredient tracking and collaborative editing features.

Links

• Forked from: ucsc2025-cse183/project-12

Tech Stack

• Backend: Python 4 Web (py4web), SQLite
• Frontend: JavaScript (30.1%), HTML (25.7%), CSS (12.0%)
• UI Framework: Bulma CSS
• Team Size: 7 contributors, 85+ commits

Key Features

• User authentication and authorization
• Create, read, update, delete (CRUD) operations for recipes
• Ingredient management with relational database schema
• Collaborative recipe editing with role-based permissions
• Responsive design for mobile and desktop

Architecture Highlights

• Database Design: Many-to-many relationships between recipes and ingredients using junction tables
• RESTful API: Clean routing with py4web controllers
• Team Collaboration: Managed code reviews and coordinated development across 5-person team
• Testing: Backend test suite and CI pipeline integration

My Contributions

• Implemented recipe card ingredient display system with database integration
• Built user authorization and role-based editing permissions for collaborative recipe management
• Added image upload support for recipe photos
• Refactored index controllers and started recipe CRUD implementation
• Coordinated merge requests and code reviews across team (merged PR #11)

Screenshots

Recipe List View

Full recipe display showing ingredients fetched from SQLite database with real-time integration

Recipe Creation & Edit Interface

CRUD interface with image upload functionality and ingredient management

Recipe Added

Responsive scrollable list layout displaying recipes with Bulma CSS framework

Setup & Installation

# Clone repository
git clone https://github.com/aryansidbatte/recipe-sharing-platform.git
cd recipe-sharing-platform

# Install dependencies
pip install py4web

# Run development server
py4web run apps

# Access at http://localhost:8000

First-time setup:

1. Register a new account at http://localhost:8000
2. Check the terminal for the activation link
3. Click the activation link to verify your account
4. Login with your credentials to start creating recipes