Skip to content

A React web app offering seamless user authentication, ensuring persistent login using hooks, fragments, portals, and modular CSS styling.

Notifications You must be signed in to change notification settings

msafeerhussain/Login-Handler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Login-Handler 🚀

Login-Handler is a React-based web application that aims to provide a seamless user authentication experience. The highlight of this project is its ability to remember a user's login status, ensuring they don't have to log in repeatedly unless they log out.

Features 🌟

  • Persistent Login: Once logged in, users won't be prompted to log in again until they manually log out.
  • React Hooks: Implementation includes both useEffect() and useState() hooks to handle user state and side effects.
  • React Fragments & Portals: The project leverages the power of React fragments and portals to simplify the DOM structure and render children outside the DOM hierarchy.
  • CSS Modules: Styling is achieved using CSS modules, ensuring a modular and scoped styling approach.
  • Direct DOM Manipulation: With the help of useRef(), we've harnessed the power of direct DOM manipulation through react-dom.

Getting Started 🚀

Prerequisites

Ensure you have node and npm (or yarn) installed on your local machine.

Installation

  1. Clone the repo
git clone https://github.com/msafeerhussain/Login-Handler.git
  1. Navigate to the project directory
cd Login-Handler
  1. Install the dependencies
npm install

or

yarn install
  1. Start the development server
npm start

or

yarn start

Contributing 🤝

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License 📄

This project is licensed under the MIT License - see the LICENSE.md file for details.

About

A React web app offering seamless user authentication, ensuring persistent login using hooks, fragments, portals, and modular CSS styling.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published