Photo Sharing App
- Mongo DB
- Google Maps
- Cloudinary (image hosting)
- Heroku (deployment)
- mLab (Mongo service)
In this session, we set up the API and connect it to a React front end with Redux store. We query the API from the React components to ensure the connection is successful.
In this session, we set up the Google Map for the navigational UI of the site. We track the map's current position and use that to determine where the user wants to view photos.
Uploading Images, User Registration & LoginRegister or Log In to View
With the map integration complete, we move on to uploading images to Cloudinary. Then we set up the user registration and login flow so that every post is tied to a specific user.
Geo Spatial Queries, Theme Integration, DeploymentRegister or Log In to View
Finally, we prepare geo spatial requests so that users can view posts that are nearby a specified location. Afterward, we integrate an HTML theme (from html5up.net) to create nice-looking UI and then deploy the project to Heroku.