Photo Sharing App


The Daily Slate | Photo Sharing App
In this 4-part series, we build a photo sharing app with geo-searching capability. Users can upload photos and search for nearby photos by moving a map (Google Maps) around. The following tools and libraries are used in this project:

Who This is For

It is best if you have a background in Javascript and some knowledge in web programming. You should understand the general principles of a REST API as well as core React concepts such as life cycle methods and one way data flow. This series moves quickly and covers a lot of material in 4 videos so complete beginners would not be best suited for it.

Units


1. Setting up Node, React & Redux

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.

2. Google Map

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.

3. Uploading Images, User Registration & Login

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.

4. Geo Spatial Queries, Theme Integration, Deployment

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.

Purchase

$25.00

Purchase this tutorial for $25 and receive all videos, code samples and access to the forum where people post questions and answers.

Purchase, $25

Membership

Premium

$19.99/month

Join as a premium member for $19.99 each month and receive unlimited access to all tutorials, code samples, and forums on the site.

  • Downloadable Code Samples
  • Downloadable Videos
  • Q & A Forum Access
  • Discounts on Live Courses
Join

Basic

Free

Join as a basic member to gain access to the free tutorials, get notifications when new tutorials and courses are published, and participate in the Q&A forums.



Join