Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ranitmanik/firesign
Firesign is a React-based authenticator app offering secure and easy sign-up and sign-in options, both traditionally and with support for many OAuth providers.
https://github.com/ranitmanik/firesign
auth authentication authentication-backend authenticator firebase firebase-auth firebase-authentication firebase-database firebase-storage firebase-web firebase-website firestore login oauth2 secure signup
Last synced: about 1 month ago
JSON representation
Firesign is a React-based authenticator app offering secure and easy sign-up and sign-in options, both traditionally and with support for many OAuth providers.
- Host: GitHub
- URL: https://github.com/ranitmanik/firesign
- Owner: RanitManik
- License: mit
- Created: 2024-06-30T07:29:11.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T09:39:16.000Z (5 months ago)
- Last Synced: 2024-11-24T20:44:42.623Z (about 1 month ago)
- Topics: auth, authentication, authentication-backend, authenticator, firebase, firebase-auth, firebase-authentication, firebase-database, firebase-storage, firebase-web, firebase-website, firestore, login, oauth2, secure, signup
- Language: JavaScript
- Homepage: https://firesign.ranitmanik.live
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Security: .github/SECURITY.md
Awesome Lists containing this project
README
FireSign – Secure Authentication Made Easy
View Demo
·
Report Bug
·
Request Feature
Welcome to **FireSign – *Secure Authentication Made Easy***, a React-based authenticator app that simplifies the sign-up and sign-in processes, including various OAuth provider integrations. This app demonstrates the integration of Firebase and React for a seamless authentication experience.
## Table of Contents
- [Overview](#overview)
- [Why This Application?](#why-this-application)
- [Technologies Used](#technologies-used)
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Running the Development Server](#running-the-development-server)
- [Building for Production](#building-for-production)
- [Linting and Formatting](#linting-and-formatting)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
- [Contact](#contact)
- [Acknowledgments](#acknowledgments)
## Overview
### Why This Application?
FireSign is designed to offer a straightforward and secure authentication system with both traditional sign-in methods and various OAuth providers. It leverages React and Firebase to provide a modern, reliable user authentication experience.
### Technologies Used
### Features
- **React**: A powerful JavaScript library for building user interfaces.
- **Firebase**: A comprehensive app development platform for authentication and database management.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **Vite**: A modern build tool for fast development and optimized production builds.
- **JavaScript**: The programming language used for interactive web applications.
- **PostCSS**: A tool for transforming CSS with JavaScript plugins.
- **ESLint**: Ensures code quality by identifying and fixing problems in JavaScript code.
- **Prettier**: An opinionated code formatter that maintains consistent code style.
## Getting Started
### Prerequisites
- **Node.js** (>= 20.0.0)
- **npm** (>= 10.0.0) or **yarn** (>= 1.22.0)
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/RanitManik/FireSign.git
cd FireSign
```
2. **Install dependencies:**
```bash
npm install
```
or
```bash
yarn install
```
### Running the Development Server
To start the development server, run:
```bash
npm run dev
```
or
```bash
yarn dev
```
Open your browser and navigate to `http://localhost:5173` to see the application in action.
### Building for Production
To build the application for production, run:
```bash
npm run build
```
or
```bash
yarn build
```
The built files will be located in the `dist` directory.
### Linting and Formatting
To lint your code, run:
```bash
npm run lint
```
or
```bash
yarn lint
```
To format your code, run:
```bash
npm run format
```
or
```bash
yarn format
```
## Project Structure
The project structure is as follows:
```
FireSign/
├── public/ # Static assets (e.g., favicon, manifest)
├── src/ # Main source code
│ ├── assets/ # Images and other static assets
│ ├── components/ # Reusable React components
│ ├── routes/ # Application routes and route components
│ ├── context/ # Application contexts for state management
│ ├── App.jsx # Main application component
│ ├── main.jsx # Entry point for the React application
│ └── index.scss # Global styles for the application
├── .env.example # Template for environment variables
├── .gitignore # Specifies files and directories to ignore in Git
├── .prettierrc # Configuration file for Prettier code formatting
├── .eslintrc.cjs # Configuration file for ESLint
├── index.html # HTML template for the application
├── vite.config.js # Vite configuration file
├── package.json # Project dependencies, scripts, and metadata
└── README.md # Documentation for the project
```
## Contributing
We welcome contributions to enhance the FireSign application. To contribute:
1. Fork the repository.
2. Create a new branch for your feature or bug fix:
```bash
git checkout -b feature-name
```
3. Make your changes and commit them with clear and descriptive messages.
4. Push your changes to your fork:
```bash
git push origin feature-name
```
5. Create a pull request to the main repository, detailing the changes and enhancements you have made.
## Contact
Social Media
Username
Link
Email
[email protected]
Email
LinkedIn
Ranit Manik
LinkedIn
Instagram
ranit_manik_
Instagram
Facebook
RanitKumarManik
Facebook
_Feel free to reach out if you have questions or just want to chat about web adventures!_
## Acknowledgments
This project showcases the developer community's collaboration and resources. Thanks to the community and tools like React and Firebase. Special appreciation to friends and family. I hope it inspires further learning.
---
Thank you for using FireSign! Happy coding! 🚀