shirleykiang / bao-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bao-app

Demo Bao Here

Summary

Bao is a responsive full-stack application that allows users to view and make personal notes on recipes, specifically in the Taiwanese cuisine.

View full API documentation here.

Screenshots

Landing Page:

Landing

Login Page:

Login

Recipe Page:

Recipe

Create Recipe Page:

New Recipe Form

Create Note Page:

New Note Form

Features

User Log-In

Visitors can sign up for an account to create their own recipes or keep track of personal notes on recipes.

Recipes

Visitors can view and create recipes. To create recipes, user will first be prompted to log in.

Notes

If logged in, visitors can make personal notes on each recipe that are viewable by the user only.

Wireframes & Graphics

Wireframes and illustrations were created using Adobe Illustrator.

Bao Graphics

Technology

  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • Node.js
  • Express.js
  • JWT
  • MongoDB
  • Heroku
  • Adobe Illustrator

Coming Soon

  • Build Features. Will allow users to upload their own photos to recipes, buy ingredients directly from website, and add recipes to a to-do list
  • Increase user interaction with each other. Allow users to rate recipes, add friends, etc.
  • Allow user interaction with data for more customized filtering
  • Creating custom lists of recommended recipes based on user review and note history

About


Languages

Language:JavaScript 72.8%Language:CSS 23.9%Language:HTML 3.4%