SolidSail/Product Hunt

Master React by Building Product Hunt

Want to learn React? The best way is to build real startups. In this course, we'll build a curation app like Product Hunt, with React, Ionic, and Firebase.

Released September 15, 2020.

Join 6,352 students on SolidSail.

One Codebase. Every Platform.

We'll start from scratch and build production-ready apps for Web, iOS, Android, Mac, and Windows. See for yourself exactly what you'll be learning to build by checking out the demo yourself.

What's included...

Welcome

1. What We're Building
Preview

Tooling

2. Installing Hyper
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

Products

22. Submit Products with Firebase Firestore
23. Firebase Storage and File Uploads
24. Product List
25. Product Item
26. Product Page

Upvotes and Comments

27. Product Upvotes
28. Product Comments

Search

29. Search Page

Deployment

30. Web App Deployment with Firebase Hosting
Preview
31. iOS Deployment with Capacitor
32. Android Deployment with Capacitor
33. Mac and Windows Deployment with Electron and Capacitor

Certificate of Completion

Apply for a Certificate of Completion (Membership Required)

I'm wondering...

How long will I have access to the course?

SolidSail Membership gives you access to all of our courses as long as you are a member. 

What stack are we using?

React: JavaScript library for building user interfaces
Firebase: Serverless framework that lets you automatically run backend code
Ionic: UI toolkit for building mobile and desktop apps using web technologies
Capacitor: Native SDKs on iOS, Android, Electron, and the Web with one code base

Why did you choose this stack?

We optimize for building minimum viable products (MVPs), which means we build in a way that aims for easy implementation, low maintenance, and maximum flexibility. Ionic lets us use one codebase to build across every platform and benefit from a rich set of UI components. Firebase gives us a serverless framework to help us out with an authentication, database, and storage.

What other courses do you offer?

We have upcoming courses to build different startups like Hacker News, Reddit, Slack, Airbnb, and Uber. You can check out our storefront to see our other classes. These courses are coming soon and you can sign up to get notified about their upcoming release.

What if I have other questions?

Feel free to use the chat bubble on the page to message us directly. Or email us at admin@solidsail.com. We'll get back to you ASAP!

  • $99

Product Hunt


Want to learn React? The best way is to build real startups. In this course, we'll build a curation app like Product Hunt, with React, Ionic, and Firebase.

Released September 15, 2020.

Join 5,318 students on SolidSail.