Coder Social home page Coder Social logo

coderschool-henrys's Introduction

Henry's Website

Henry's is a Ruby on Rails restaurant website let users order foods.

Submitted by: Pham Thanh Huy

Time spent: 21 hours spent in total

URL: https://henry-s.herokuapp.com/

User Stories

Required:

  • User must be able to go two pages: Menu, and Contact Us.
  • User can see the address and phone number on the contact us page.
  • User can see a basic google map on the Contact Us page.
  • User can navigate to a menu page with four sections:
    • Breakfast
    • Lunch
    • Dinner
    • Drinks
  • User should see at least 5 food items in each section.
  • Each food item should have the following fields:
    • Name (Canh Chua)
    • Description (Delicious fish soup)
    • Price (VND)
    • Section - Breakfast, Lunch, Dinner, Drinks
    • Image URL - do a google search or use LoremFlickr: http://loremflickr.com/320/240/canhchua
  • User should be able to filter by section of Breakfast, Lunch, Dinner, or Drinks and see only the relevant items.
  • User can sort menu items by “alphabetical”, “price low to high”, and “price high to low”.
  • User should be able to search for a menu item and see results.
  • Clicking on an item in the menu brings up its detail, where you see the description and a larger picture.
  • User can click “order” on a menu item to go to a “Create Order” page.
  • User is able to fill in their name, phone number, and address.
  • User is taken to a “Thank you for your order page” that lists the name of item, the total cost (delivery should cost 20,000 VND), the user’s name, the user’s address, and the time the order was created in human-readable format (for example, Tuesday, December 1, 15:25).

Optional:

  • User can also filter by type of Cuisine.
  • User can see how many times each menu item has been viewed, and sort items by “most viewed”.
  • User can leave a review (1-5 stars) for each dish, along with a text review.
  • User can see reviews and an average review score.
  • User can input "CODERSCHOOL" as a coupon code on the order page, which should give a 50% discount off of the order.
  • User can order more than one dish at a time.
  • User receives an email upon placing an order.
  • The Restaurant (you) receives an email or SMS when a User places an order. Try Twilio if you’d like a SMS API. Use Promo Code CodeSchool15 for $30 free credit.

The following additional features are implemented:

  • Tried to make nice UI

The following known issues:

  • I used some fonts of Google. It works on my local machine, but the fonts are not downloaded when deployed to Heroku.

Video Walkthrough

Here's a walkthrough of implemented user stories:

https://www.dropbox.com/s/zfq7qhms3n5xqyn/Henrys.mov?dl=0 I got issue with LiceCap (black screen when doing the record) so I made a mp4 video instead. Hope that it's fine.

Notes

  • I encounter an issue, which prevent me to run rails console. It cost me a lot of time to fix it. I finally found a way to fix it as described here: https://github.com/guard/guard/wiki/Add-Readline-support-to-Ruby-on-Mac-OS-X. This seems to be an issue with mac os Sierra.
  • Because of the above issue (cant run rails console), I didn't have enough time to complete the optional requirements, and the UI of some pages were not tuned up nicely.

License

Copyright [yyyy] [name]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

coderschool-henrys's People

Contributors

henryhuypham avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.