- This app allows a user to locate and save any location they desire, saving said locations will display information about that location.
- This app requires a user account/log-in that the app will recognize in order to accurately generate saved data.
- Tim Traylor
- Isaiah Keller
- Brandon Ge
- Jacob Dang
- The interface of this app offers the potential for an individual to virtually navigate any city, landmark, or destination that piques their interest. This attends to the interactivity and encouragement of citizens to explore their surrounding environment. With this app, this will allow the user to engage in their environment curiosity and do so with comfort and ease.
- Nowadays our current environment encourages the practice of the home-body mentality. The pandemic has further pushed that agenda and for a while our community boundaries were confined in a single living space. Shifting that stay-at-home mentality from where we were only a few years ago is more difficult than any of us could've imagined. We seek to alleviate that with this app, that allows the user to explore what's around them.
- Version 3.0: Final product
- Version 2.5: Front-end adds styling with Bootstrap & CSS
- Version 2.2: Front and Back end debugs
- Version 2.0: Front-end & Back-end implement an Auth0 feature
- Version 1.5: Back-end now has CRUD features
- Version 1.2: Created back-end and developed a skeleton framework
- Version 1.0: Created front-end and developed a skeleton framework
- Implements React, Bootstrap, Express, MongoDB, Mongoose, Auth0, Axios
- 3rd Party Integrations: Google Maps API, Google Places API, @react-google-maps/api library on npm
- Fork the repo
- Install dependencies (within package.json)
- Set .env according to .envsample
- Test using npm test (for frontend) and nodemon (for backend)
- Requires personal database as well as authentication token for testing
- Run node seed.js from terminal to seed database
- '/place' would allow the user to access the database endpoint for saved locations, used for GET & POST
- '/place/:id' would lead the user to specific ID, used for PUT & DELETE
email: { type: String, required: true },
name: {type: String, required: true},
address: {type: String, required: true},
lat: {type: Number, required: true},
lng: {type: Number, required: true},
place_id: {type: String, required: true},
image: {type: String},
types: {type: Array},
notes: {type: String}
- A representation of our pitches and brainstorming
- Describe the flow of data in your application:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent