Skip to content

Simple CRUD books system using Firebase/Firestore, Material UI, React, React Hook Form, React Router v6 and all these things bundled by vite

Notifications You must be signed in to change notification settings

Infvyr/RLibrary

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


logo of awesome-vite repository

RLibrary



Overview

The purpose of this project is pure educative and may be used as reference point!

Live address: r-library.netlify.app


This React application represents just a simple material UI of CRUD system for handle books. It means every visitor may sign up and sign in to gain full access to the app. Once logged in, the user can see a little statistic block as well as use CRUD operations to manage the library system.

Some of features to point out

  • React Context API for user state management;
  • Firebase Auth: Google, Facebook, Password/Email;
  • Firebase Firestore: real-time updates;
  • Form validation with React hook form
  • Dark mode: it automatically captures your system color scheme (light or dark) and show the app in light or dark mode;
  • All API keys stored as environment variables

Technologies

  1. React
  2. React Hook Form
  3. React Router v6
  4. Firebase
  5. Material UI

All this stuff bundled by vite.

About

Simple CRUD books system using Firebase/Firestore, Material UI, React, React Hook Form, React Router v6 and all these things bundled by vite

Resources

Stars

Watchers

Forks