https://github.com/pr4j3sh/react-firebase
reactjs + firebase template
https://github.com/pr4j3sh/react-firebase
firebase frames react-router-dom reactjs redux-toolkit tailwindcss
Last synced: 19 days ago
JSON representation
reactjs + firebase template
- Host: GitHub
- URL: https://github.com/pr4j3sh/react-firebase
- Owner: pr4j3sh
- License: mit
- Created: 2024-10-29T16:25:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-08T13:32:58.000Z (over 1 year ago)
- Last Synced: 2025-02-24T07:48:50.135Z (about 1 year ago)
- Topics: firebase, frames, react-router-dom, reactjs, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://react-firebase-frames.vercel.app/
- Size: 258 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React + Firebase
This is a reactjs + firebase template, with react-router-dom, tailwindcss, oauth and email-password authentication, crud operations with firebase firestore and redux-toolkit for state management.
## Getting Started
- Use this template via `@pr4j3sh/frames` npm package:
```bash
npm create @pr4j3sh/frames@latest react-firebase myapp
```
> You can replace `myapp` with the desired name of your choice.
- Make sure to initialize environment variables in the `.env` file:
```plaintext
VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=
VITE_FIREBASE_MEASUREMENT_ID=
```
- Run using `dev`:
```bash
npm run dev
```
## Deploy
- Use [vercel](https://vercel.com/) for deployment.
## Read More
Here are some useful documentation links:
- [Vite Documentation](https://vite.dev/guide/)
- [ReactJS Documentation](https://react.dev/)
- [React Router Documentation](https://reactrouter.com/en/main/start/tutorial)
- [Redux Toolkit Documentation](https://redux-toolkit.js.org/introduction/getting-started)
- [Firebase Documentation](https://firebase.google.com/docs/build)
- [TailwindCSS Documentation](https://tailwindcss.com/docs/utility-first)
- [frames UI](https://pr4j3sh.github.io/ui/)
- [@pr4j3sh/frames](https://pr4j3sh.github.io/frames/)