Build a Reddit Clone with jQuery and Firebase

Stephen Mayeux, ESL Teacher Turned Software Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 44m)
    • 1. Meet Your Instructor

      0:50
    • 2. Course Introduction: Build a Reddit Clone!

      4:23
    • 3. Where to Find Help

      2:51
    • 4. Getting Started with HTML Boilerplate

      5:12
    • 5. Creating Reusable Components with jQuery

      13:09
    • 6. What Is Firebase?

      2:53
    • 7. Create a Firebase App

      10:15
    • 8. Initialize Firebase in Our Project

      4:18
    • 9. Fetch and Render Data from Firebase

      11:12
    • 10. Post Content to Our Database

      12:53
    • 11. Make Our Reddit Clone Realtime

      15:22
    • 12. Upvoting and Downvoting User Content

      16:57
    • 13. Conclusion and Your Project!

      3:58

Project Description

After you get the functioning application running on your computer and have gained knowledge of jQuery and the Firebase Cloud platform, you will be able to add more features to make your application even more powerful.

Some recommend ideas for expansion include giving users the ability to:

  • Add categories to posts
  • Sort and filter posts by popularity
  • Share posts with friends on Twitter
  • Allow only one vote per person
  • Implement Firebase Authentication

The purpose of the class project is to take what you've learned and build upon that. While there are no hard and fast requirements, students should use their creativity, implement their problem-solving skills to overcome technical challenges, and about 2-4 additional user stories to make their Reddit clone unique.

And because this course does not focus much on HTML and CSS, students should think like designers and personalize the look and feel of their apps.

Student Projects