How To Build Your Own Likes and Comments System With Firebase and React

• rishi.app

  2 0 8.1 Svelte

  SvelteKit - Myself on the web?

You can see an example on my blog page! The source code is available here.

• Tailwind CSS

  1,275 78,166 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

So I set out on creating the system with Firebase, TailwindCSS and React. While TailwindCSS is not a compulsion, it's my go to library. Let's get started.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• React

  1,687 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

So I set out on creating the system with Firebase, TailwindCSS and React. While TailwindCSS is not a compulsion, it's my go to library. Let's get started.

• firebase-js-sdk

  87 4,720 9.3 TypeScript

  Firebase Javascript SDK

  

// File: @/lib/firebase.js import 'firebase/firestore' import firebase from 'firebase/app' // More about firebase config on https://firebase.google.com/docs/web/setup#config-object var firebaseConfig = { apiKey: '', authDomain: '', projectId: '', storageBucket: '', messagingSenderId: '', appId: '', } if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig) } else { firebase.app() } export const firestore = firebase.firestore() export default firebase

• quickstart-android

  335 8,720 8.0 Java

  Firebase Quickstart Samples for Android

  

// File: @/lib/firebase.js import 'firebase/firestore' import firebase from 'firebase/app' // More about firebase config on https://firebase.google.com/docs/web/setup#config-object var firebaseConfig = { apiKey: '', authDomain: '', projectId: '', storageBucket: '', messagingSenderId: '', appId: '', } if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig) } else { firebase.app() } export const firestore = firebase.firestore() export default firebase

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project