Skip to content

Create application using React TS, Firebase, Shadcn UI, Framer Motion, and Aceternity UI. This will provide a clean UI to login users using firebase and best practices

Notifications You must be signed in to change notification settings

Castro19/Authorize-Users-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Appealing Signup/Login Page

Introduction

  • This project repo can be forked or cloned and instantly be installed into your project application with minimal effort.

  • Utilizing React Typescript, React Router, Tailwind CSS, Shadcn UI, Framer Motion, and Aceternity UI. This project provides a simplistic and modern look

SignUp

Login

User Logged In

Installation & Setup

  1. Clone the Repo:
git clone https://github.com/Castro19/Authorize-Users-project.git
  1. Move into the client folder:
cd Authorize-Users-project/$'\025'client
  1. Install Packages:
npm install
  1. Configure Firebase:
  • Go to your firebase console

    • Click add project
    • Follow their guidelines
  • Once you create your project, a config ffile should be ready for you.

    • In your newly created Firebase project, click on the left sidebar for the option of Project Settings.
    • Scroll down until you are at the Your Apps section where you will Add app
    • Select the web with </> symbols. Click
    • Here you should get the SDK setup and configuration
    • Copy your firebaseConfig options.
  • Now that you have your firebase configuration file, go into the sample.env and update the changes here.

  • Finally rename sample.env to be .env

  1. Run the Project
npm run dev

About

Create application using React TS, Firebase, Shadcn UI, Framer Motion, and Aceternity UI. This will provide a clean UI to login users using firebase and best practices

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published