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
Sign in with account information or Google
Once signed in you can go to your dashboard, search for restaurants, or log out
While on the search page you search by food type and city
And a map and list of 20 restaurants be generated. By clicking the Love it
button you will add the restaurant to your dashboard
While in your dashboard you can upload a photo from your personal computer and remove restaurants from your list.
This project was generated with Angular CLI version 1.4.9.
- 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"
};
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.
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.
- HTML
- CSS
- Javascript/jQuery
- NPM
- Bower
- Bootstrap
- Angular2
- Firebase
No known bugs
Feel free to contact Megan at [email protected], Kristen at [email protected], Elrey at [email protected], and Linda at [email protected]
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
Copyright (c) 2017 Megan Olson, Kristen Kulha, Elrey Belmonti, Linda Luu
Elrey Belmonti 💻 📖 🐛 🎨 |
Megan Olson 💻 📖 🐛 🎨 |
Linda Luu 💻 📖 🐛 🎨 |
Kristen Kulha 💻 📖 🐛 🎨 |
---|
This project follows the all-contributors specification.