Skip to content

This project is a simple login form built using React.js and Material-UI. It provides a clean interface for users to input their credentials, with options for remembering login details and password recovery. The design is enhanced with icons and styling from Material-UI, offering a visually appealing and user-friendly experience.

License

Notifications You must be signed in to change notification settings

BupendraDhyan/Login-Page-MUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Login Page

Welcome to the Company Name Login Page! This is a React component designed to provide a sleek and user-friendly interface for user authentication. With features like remembering login credentials, password recovery, and easy navigation between login and signup, it aims to streamline the login process for users.

Features:

  • Username and Password Fields: Users can input their username and password securely.
  • Remember Me Checkbox: Option for users to stay logged in across sessions.
  • Password Recovery: Forgot Password link for users to reset their password.
  • Sign Up Link: Option for new users to navigate to the signup page.

Technologies Used:

  • React: Built using React, a popular JavaScript library for building user interfaces.
  • Material-UI: Utilizes Material-UI components for a clean and modern design.

UI Design in Figma

Login Page

This is the Link to the Figma Design --> Figma

Developed UI

loginpage

Getting Started:

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

To get started with using the Company Name Login Page component in your project, follow these steps:

  1. Install necessary dependencies:

    npm install @mui/material @mui/icons-material
  2. Copy the Login.js file into your React project.

  3. Import the Login component into your application and render it where needed.

import Login from './path/to/Login';

function App() {
  return (
    <div className="App">
      <Login />
    </div>
  );
}

export default App;
  1. Customize the component to fit your specific requirements, such as changing the company name or logo.

Contributing:

Contributions are welcome! If you find any bugs or have suggestions for improvements, please feel free to open an issue or submit a pull request.

License:

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

About

This project is a simple login form built using React.js and Material-UI. It provides a clean interface for users to input their credentials, with options for remembering login details and password recovery. The design is enhanced with icons and styling from Material-UI, offering a visually appealing and user-friendly experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published