Skip to content

ElreyB/eat-up

Repository files navigation

EatUp

Description

eat_up

An Angular 2 Web Application that allows users to create an account and search for restaurants by cuisine type within a specified city.

User's can....

Sign In or create an new account

signin_new_account

new_account_screenshot

Sign in with account information or Google

login_screen_shot

Once signed in you can go to your dashboard, search for restaurants, or log out

once_logged_in

While on the search page you search by food type and city

sreach_screenshot

And a map and list of 20 restaurants be generated. By clicking the Love it button you will add the restaurant to your dashboard

map_screenshot

While in your dashboard you can upload a photo from your personal computer and remove restaurants from your list.

add_photo_screenshot

dashboard_screenshot

This project was generated with Angular CLI version 1.4.9.

Installation and Setup

  • Clone Repository named eat-up
  • Create a database using Firebase and import json named sample-users.json
  • Run the following commands in terminal:
    • $ npm install
    • $ bower install
    • $ ng build
    • $ ng serve
  • Visit Firebase
  • Log in with Google credentials.
  • Click get started button.
  • Click Add Project button.
  • In project name field enter eat-up
  • Click create project button.
  • In terminal, in root directory, enter touch src/app/api-keys.ts
  • Open project with text editor of choice
  • Back to the firebase page, click "Add firebase to your web app". A pop-up modal should appear on your screen.
  • In your newly created api-keys.ts file add the following from the modal:
export var masterFirebaseConfig = {
    apiKey: "xxxx",
    authDomain: "xxxx.firebaseapp.com",
    databaseURL: "https://xxxx.firebaseio.com",
    storageBucket: "xxxx.appspot.com",
    messagingSenderId: "xxxx"
  };

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Technologies Used

  • HTML
  • CSS
  • Javascript/jQuery
  • NPM
  • Bower
  • Bootstrap
  • Angular2
  • Firebase

Known Bugs 🐛🐛🐛

No known bugs

Support and contact details

Feel free to contact Megan at [email protected], Kristen at [email protected], Elrey at [email protected], and Linda at [email protected]

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

License

Copyright (c) 2017 Megan Olson, Kristen Kulha, Elrey Belmonti, Linda Luu

Elrey Belmonti
Elrey Belmonti
💻 📖 🐛 🎨 ⚠️
Megan Olson
Megan Olson
💻 📖 🐛 🎨 ⚠️
Linda Luu
Linda Luu
💻 📖 🐛 🎨 ⚠️
Kristen Kulha
Kristen Kulha
💻 📖 🐛 🎨 ⚠️

This project follows the all-contributors specification.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published