1. What We're Building

Welcome! In this course, we’ll be building Forum, a full-stack app that will teach you React by building Reddit. We’ll be building the main posts feed, a communities system where each post resides just like Reddit subreddits, a submission form that includes file uploads for creating new communities, individual community pages, a post creation form, a search page for searching posts across multiple parameters by text, a comprehensive authentication system to gate access, and an upvoting and commenting system for authenticated users.


Forum is an app that works on web, iOS, Android, Mac, and Windows.


We’ll be shipping all of these apps with React and with one shared code base by using two tools:


The first is Ionic, a UI toolkit for building performant, high-quality web, mobile, and desktop apps.


And the second is Firebase, a serverless framework, and platform that will handle our server-side infrastructure and deployments.


This means we can focus just on React while building and deploying a cross-platform experience working on web, mobile, and desktop



Read Documentation

Reddit

Buy nowLearn more

Welcome

  • 1. What We're Building

Tooling

  • 2. Installing Hyper, iTerm2, or Terminal
  • 3. Installing Node
  • 4. Installing VSCode
  • 5. Installing Ionic
  • 6. Installing Firebase
  • 7. Installing GitHub

Architecture

  • 8. Project Start
  • 9. Assets and Theme
  • 10. Routing and Tabs
  • 11. Header Components
  • 12. Firebase Setup

Authentication

  • 13. Firebase Authentication
  • 14. Authentication Pages
  • 15. useForm Hook
  • 16. Signup Page and Validation
  • 17. Login Page and Validation
  • 18. Reset Password Page and Validation
  • 19. useAuth and UserContext
  • 20. Profile Page
  • 21. Edit Profile Page and Validation

Communities

  • 22. Submit Communities with Firebase Firestore
  • 23. Firebase Storage and File Uploads
  • 24. Communities List
  • 25. Community Item
  • 26. Community Page

Posts

  • 27. Create Posts with Firebase Firestore
  • 28. Post List
  • 29. Post Item
  • 30. Post Page

Post Upvotes and Post Comments

  • 31. Post Upvotes
  • 32. Post Comments

Search

  • 33. Search Page

Deployment

  • 34. Web App Deployment with Firebase Hosting
  • 35. iOS Deployment with Capacitor
  • 36. Android Deployment with Capacitor
  • 37. Mac and Windows Deployment with Electron and Capacitor