A web paged map where users can easily find the locations, ratings, and popularity of coffee shops in any area. Caffinder is the perfect tool to help others looking for a good study-grind place while also drawing the much deserved attention to local businesses.
Features
Technologies
Setup
Sources
Team
Home Page
Login Screen
SideBar Component
Favorites Panel
Search Bar Autocompletion
- Angular CLI: 15.2.6
- Node: 18.12.1
- Go: 1.19.5
- Google Maps API
- Google Routes API
- Google Places API
- Google Autocomplete API
To run this project, clone the repository and install dependencies locally:
$ cd .\myAngularProj\
$ npm install --force
$ npm i ngx-google-places-autocomplete --force
In the same terminal with the open myAngularProj directory, run the frontend:
$ ng s
Open a second, seperate terminal which should open into the directory and run the backend:
$ go run main.go
Find the running project on http://localhost:4200/.
To run cypress testing, open up a new terminal into the myAngularProj directory, and run the command:
$ npx cypress open
From there, the E2E and Component Testing are available and can be ran.
To run jasmine/karma tests, open up a new terminal into the myAngularProj directory, and run the command:
$ npm test
Or use the following alternative command to run jasmine/karma tests:
$ ng test
From there, the component tests are ran.
- Google Maps Directions Service
- How To Integrate Google Places Autocomplete in Angular 2022
- Sharing data between child and parent directives and components
- Place Photos
Lauren Escarcha, Karen Tong, Saloni Karanth, Justus Geslani