MemoEats - Agile CRUD Web App

A collaborative recipe management web application built with Agile practices.

Project Overview

This is a course project for CSE 110: Software Engineering at UCSD. MemoEats is a client-side CRUD (Create, Read, Update, Delete) recipe web application developed by a team of 12 following Agile methodologies. This project demonstrates comprehensive software engineering practices including sprint planning, continuous integration, and collaborative development.

Key Features

Create Recipes

Add new recipes with ingredients, instructions, and images

View Recipes

Browse and read detailed recipe information

Edit & Update

Modify existing recipes with real-time updates

Delete Management

Remove recipes with confirmation safeguards

Technical Stack

Frontend
  • • HTML5 & CSS3
  • • Vanilla JavaScript (ES6+)
  • • Responsive Design
  • • Web Components
Data Storage
  • • Browser Local Storage
  • • JSON Data Format
  • • Client-side Persistence
  • • No Backend Required
Deployment
  • • GitHub Pages (Static)
  • • GitHub Actions CI/CD
  • • Jest for Testing
  • • ESLint for Code Quality

Development Process

Agile Methodology

  • 10-week development cycle with bi-weekly sprints
  • Daily stand-ups and sprint retrospectives
  • Continuous Integration/Continuous Deployment (CI/CD) pipeline
  • Code reviews and pair programming sessions

My Role as Team Lead

As the team lead for this 12-person group, I was responsible for:

  • Project coordination and sprint planning
  • UI/UX design decisions and implementation oversight
  • Repository management and code review processes
  • Documentation maintenance and technical writing
  • Stakeholder communication and progress reporting

Project Outcomes

Resources

View on GitHub
Documentation

Technologies Used

JavaScript HTML5 CSS3 Local Storage Web Components Jest Puppeteer ESLint GitHub Pages GitHub Actions Agile/Scrum