Fireact — The open source project for you to fast track your next web app with Firebase and React

Chaoming Li
2 min readMay 8, 2020

When I started to migrate the SaaS product of my company from PHP to React, I wanted to find a solution that would have the basic user management features ready so that my team can start building without the need to rebuild the sign-in and user management functionalities.

After some searches, I couldn’t find anything that suited the purpose so I decided to build Fireact, a fully functional web application that users can sign-in via social accounts based on Firebase and React, and open source it. I hope it will help you to shorten your development time by not spending time on building the basic user sign-in and management features.

Fireact UI screenshot

Why Firebase?

For managing users and hosting React web applications, Google Firebase is an awesome solution.

  • It offers hosting service for static sites, which is perfect for building a React web application.
  • Firebase Authentication feature supports Google, Facebook, Microsoft and wild range of sign-in methods.
  • Its Firestore database allows Javascript front-end to store and access data securely without server-side code.
  • Firebase also comes with Android and iOS SDKs so if you are planning to build mobile apps for your application, that will be convenient, in theory.

Vision

Currently, Fireact is fully functional as a web application that allows users to sign in, and manage their own accounts.

I am planning to extend it to be a SaaS ready solution which users can manage their projects and payment plans. This might be a separate project though because not everyone needs user authentication for a SaaS project. However, every SaaS project needs user authentication.

Participation

If you are interested in this project, or you like the idea, I hope you will participate in the project. There are a few ways you can contribute to it:

  • Use it for your next project, and give feedback
  • Spread the word
  • Contribute to the code base and help to improve it

Here is the Fireact Github link.

Sharing Knowledge

This project is also a learning process for me, and I will share my learnings on how to use React with Firebase. If you want to learn about Firebase and React, please follow me on Medium.

--

--

Chaoming Li

Tech enthusiast, digital analytics professional, and history fan