React Firebase Admin

screenshot of React Firebase Admin
react
bulma
scss
firebase

React starter kit with Firebase and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless

Overview:

React Firebase Admin is a boilerplate with React and Firebase designed to quickly create an admin dashboard with authentication, authorization, Realtime Database/Firestore, CI/CD, file upload, and more. It utilizes industry standards and next-gen technologies like React with hooks, Redux, Bulma, Sass, webpack, routing, and a serverless architecture. It is customizable, easy to use, and comes with all the basic features desired in an app.

Features:

  • Bulma CSS framework: Provides a mobile-friendly UI.
  • Redux implementation: Allows for in-app state management.
  • Firebase/Redux implementation: Utilizes Firebase for authentication, authorization, Realtime Database/Firestore, and more.
  • Authentication & authorization: Enables user authentication and authorization functionalities.
  • Realtime Database/Firestore: Choose between Realtime Database or Firestore for database functionalities.
  • Create/modify/delete users: Perform CRUD operations on user data.
  • Automatic email invitation to new users: Sends invitation emails to new users.
  • Image uploading: Allows users to upload images.
  • Change/Reset Password: Built-in functionality to change or reset passwords.
  • User filtering and search: Search and filter users based on different criteria.
  • Built-in CI/CD: Provides continuous integration and deployment capabilities.
  • PWA ready: Progressive Web App ready thanks to Create React App and Firebase.
  • Multi-tenancy: Supports multiple tenants.
  • Internationalization: Supports English and Spanish languages.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bulma
Bulma

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Pwa

A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.