firebase-crud is a user management app built with Firebase and Google sign-in. It helps you create, view, update, and remove user records in a simple web interface. It is designed for Windows users who want to open the project, run it, and use it with a browser.
Before you start, make sure you have these items ready:
- A Windows computer
- Google Chrome, Microsoft Edge, or another modern browser
- An internet connection
- Access to the project files from the download page
- A Firebase account if you want to connect it to your own data
Use this link to visit the project page and download or open the source files:
Open the firebase-crud project page
If you use the repository as a ready-to-run project, download the files to your Windows PC and place them in a folder you can find later, such as Downloads or Desktop.
This project is made for simple record handling. It uses a web app layout and connects to Firebase services for storage and login.
Typical parts of the app include:
- User login with Google
- Create new user records
- Show a list of saved users
- Edit existing user data
- Remove records when needed
- Store data in Firebase Database
- Use a clean interface with HTML, CSS, JavaScript, React, and Tailwind
Follow these steps to get the app ready on your computer:
- Download the project from the link above.
- Save the files in a folder, such as
firebase-crud. - If the files are in a ZIP file, right-click it and choose Extract All.
- Open the folder after extraction.
- Look for the main project files, such as
package.json,src, or a similar app folder.
If the project includes a ready web build, you can open it in your browser after extraction. If it uses a development setup, you may need Node.js to run it.
If the project is set up as a web app that needs a local run step, do this:
-
Open the project folder.
-
Open Command Prompt in that folder.
-
Install the required packages if the project uses Node.js:
npm install -
Start the app:
npm startor
npm run dev -
Wait for the browser to open, or open the local address shown in the terminal.
If the project includes a built version, open the main HTML file in your browser.
The app uses Google Authentication so users can sign in with a Google account.
To use sign-in:
- Open the app in your browser.
- Choose the Google sign-in option.
- Select your Google account.
- Allow access when asked.
After sign-in, you can use the app features that manage user records.
To use the full app, the Firebase project must be linked to the app settings.
Use these common setup fields in the app config:
- API Key
- Auth Domain
- Project ID
- Database URL
- Storage Bucket
- Messaging Sender ID
- App ID
These values usually go in a Firebase config file, such as firebaseConfig.js or inside a setup file in the project folder. You can get them from the Firebase console after you create a Firebase project.
Once the app is running, the main actions are simple:
- Add a new user record by filling in the form and saving it
- View saved records in the list
- Change details by selecting a record and editing it
- Remove a record when it is no longer needed
CRUD means create, read, update, and delete. In this app, it applies to user records stored in Firebase.
A normal use flow looks like this:
- Open the app in your browser.
- Sign in with Google.
- Add a user record.
- Check that the record appears in the list.
- Edit the record if details change.
- Delete the record if needed.
- Refresh the page and confirm the data stays saved in Firebase.
The app uses a clean layout with a simple form and a data list. It is built to be easy to read on a desktop screen. The design uses Tailwind styling, so controls should have clear spacing, clean buttons, and a neat page structure.
If the app does not start, check these points:
- Make sure the files finished downloading
- Make sure you extracted the ZIP file
- Check that you opened the correct project folder
- Confirm that Node.js is installed if the app uses
npm - Refresh the browser after the app starts
These are common files in this type of project:
package.jsonsrc/public/index.html- Firebase config files
- React component files
- Tailwind setup files
You may need these tools if you want to run or edit the project:
- Node.js for package install and local running
- npm for package management
- A code editor such as Visual Studio Code
- A browser such as Chrome or Edge
- A Firebase account for login and database setup
This app fits small admin or record-tracking tasks. It can help with:
- Simple user lists
- Basic account records
- School or internal staff records
- Small database demos
- Learning Firebase auth and storage
Go to the project page here and download the files to your Windows computer:
After download, extract the files if needed, then open the project folder and run it with your browser or local development tools
A simple folder setup can look like this:
firebase-crudsrcpublicpackage.json- Firebase config files
Keep the whole folder in one place so you can find it again later
This repository focuses on:
- Firebase
- Firebase Authentication
- Firebase Database
- HTML
- CSS
- JavaScript
- React
- React DOM
- Tailwind CSS
After the app opens, check these items:
- The page loads without errors
- The Google sign-in button appears
- The user form opens and accepts input
- Saved records show in the list
- Edit and delete actions work as expected
firebase-crud is meant for users who want a simple web app for managing user data with Firebase and Google login. It gives you a clear way to store and manage records from a browser on Windows