https://github.com/nadim-nion/auth-firebase-context-tailwind
Discover Auth Master, a React + Vite App! Effortless registration, secure login with email/Google, and protected routes for authorized users. Enjoy a personalized experience with name display and a quick logout button. Powered by React, Tailwind CSS, Daisy UI, and Firebase. Secure, seamless, and modern authentication.
https://github.com/nadim-nion/auth-firebase-context-tailwind
daisyui firebase-auth react react-router tailwindcss vite
Last synced: 2 months ago
JSON representation
Discover Auth Master, a React + Vite App! Effortless registration, secure login with email/Google, and protected routes for authorized users. Enjoy a personalized experience with name display and a quick logout button. Powered by React, Tailwind CSS, Daisy UI, and Firebase. Secure, seamless, and modern authentication.
- Host: GitHub
- URL: https://github.com/nadim-nion/auth-firebase-context-tailwind
- Owner: Nadim-Nion
- Created: 2023-12-07T09:54:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-07T11:42:08.000Z (over 2 years ago)
- Last Synced: 2025-02-26T07:19:06.333Z (over 1 year ago)
- Topics: daisyui, firebase-auth, react, react-router, tailwindcss, vite
- Language: JavaScript
- Homepage: https://auth-firebase-context-tailwind-nion.netlify.app/
- Size: 66.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Auth Master - React + Vite Authentication App
Welcome to Auth Master, a powerful React + Vite application designed to streamline user authentication with seamless integration of Firebase services. This application leverages the synergy of React, React Router, Tailwind CSS, Daisy UI, and Firebase to deliver a robust authentication experience.
## Key Features
### 1. User Registration
New visitors can effortlessly register on the Auth Master platform by navigating to the dedicated Register route. The registration process is user-friendly and ensures a smooth onboarding experience.
### 2. Login and Sign-In
Returning visitors have the option to log in or sign in through the Login route. The authentication process supports both email and password credentials, as well as the convenience of Google Authentication for a quicker and hassle-free login experience.
### 3. Protected Routes
To ensure the security of user data, certain routes, including Profile and Orders, are protected and accessible only to authorized users. Unauthorized users won't be able to view these routes, creating a secure environment for sensitive information.
### 4. User-Friendly Navigation
For authorized users, the application's header section dynamically displays their name, providing a personalized touch. Additionally, a logout button is readily available for quick access to log out, enhancing user convenience.
## Technologies Used
- **React**: A powerful JavaScript library for building user interfaces.
- **Vite**: A fast, opinionated frontend build tool that enhances the development experience.
- **React Router**: Enables seamless navigation and routing in the React application.
- **Tailwind CSS**: A utility-first CSS framework that facilitates rapid and responsive UI development.
- **Daisy UI**: A collection of high-quality UI components that complement Tailwind CSS for a polished design.
- **Firebase**: A comprehensive platform offering authentication services, ensuring secure and scalable user management.
## Getting Started
To explore and run the Auth Master application locally, follow the steps outlined in the project's documentation. Get ready to experience a modern and secure authentication solution built with cutting-edge technologies.
[Link to Documentation]
Feel free to contribute, report issues, or suggest improvements. Auth Master is here to make user authentication a seamless and enjoyable experience. Happy coding!
## Live Website
Netlify: https://auth-firebase-context-tailwind-nion.netlify.app/
Surge: https://encouraging-beginner.surge.sh/
## Deployment
To deploy this project run
```bash
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/Nadim-Nion/auth-firebase-context-tailwind.git
git push -u origin main
```
## Screenshots
* Image 1:
* Image 2:
* Image 3:
* Image 4:
## Tech Stack
**Client:** React, React Router, Tailwind CSS, Daisy UI
**Tools:** Vite, Firebase
## FAQ
#### Is this website reponsible?
Answer : No
#### Is this website store data to the database?
Answer : I won't store it in the regular storage platform like MongoDB.
## 🚀 About Me
Hi, I am Nadim Mahmud Nion. I have recently concluded my graduation from the department of Computer Science and Engineering (CSE) at the Daffodil International University (DIU). I have been learning MERN Stack Web Development since 2022. I am expertise in the following skills:
* React
* Vite
* React Router
* Firebase
* JavaScript
* Advanced JavaScript
* Daisy UI
* Bootstrap
* Tailwind
* HTML5
* CSS3
* Media Query
I have built multiple projects using these skills. You are invited to my GitHub profile to know about my projects and don't forget to give a star to my projects.
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh