Learn React by Building Product Hunt by SolidSail

Learn 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 4,246 students on SolidSail.
Get Access with SolidSail Membership

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.
See Demo

What's included...

1. What We're Building
2 mins
2. Installing Hyper
1 min
3. Installing Node
1 min
4. Installing VSCode
2 mins
5. Installing Ionic
1 min
6. Installing Firebase
1 min
7. Installing GitHub
1 min
8. Project Start
2 mins
9. Assets and Theme
4 mins
10. Routing and Tabs
8 mins
11. Header Components
5 mins
12. Firebase Setup
4 mins
13. Firebase Authentication
3 mins
14. Authentication Pages
11 mins
15. useForm Hook
6 mins
16. Signup Page and Validation
9 mins
17. Login Page and Validation
4 mins
18. Reset Password Page and Validation
4 mins
19. useAuth and UserContext
4 mins
20. Profile Page
7 mins
21. Edit Profile Page and Validation
9 mins
22. Submit Products with Firebase Firestore
9 mins
23. Firebase Storage and File Uploads
12 mins
24. Product List
9 mins
25. Product Item
4 mins
26. Product Page
10 mins
Upvotes and Comments
27. Product Upvotes
11 mins
28. Product Comments
15 mins
29. Search Page
7 mins
30. Web App Deployment with Firebase Hosting
4 mins
31. iOS Deployment with Capacitor
3 mins
32. Android Deployment with Capacitor
3 mins
33. Mac and Windows Deployment with Electron and Capacitor
1 min
Certificate of Completion
Apply for a Certificate of Completion

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.
You can also purchase the individual course, in which case you'll be given lifetime access to it, regardless of future updates to the class.

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!

Learn React by Building Product Hunt

Want lifetime access to just this course? You can purchase lifetime access with our one-time fee or with our 3-month payment plan.