https://github.com/kuzma02/login-page-in-react

This repository contains a simple and elegant login page built with React.js. It demonstrates the use of modern React practices and is designed to be both responsive and user-friendly.
https://github.com/kuzma02/login-page-in-react

login login-form login-page loginpage react-login reactjs

Last synced: 10 months ago
JSON representation

This repository contains a simple and elegant login page built with React.js. It demonstrates the use of modern React practices and is designed to be both responsive and user-friendly.

• Host: GitHub
• URL: https://github.com/kuzma02/login-page-in-react
• Owner: Kuzma02
• License: mit
• Created: 2023-12-03T08:41:25.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-10T14:10:02.000Z (over 1 year ago)
• Last Synced: 2025-03-21T08:51:17.383Z (10 months ago)
• Topics: login, login-form, login-page, loginpage, react-login, reactjs
• Language: CSS
• Homepage:
• Size: 75.2 KB
• Stars: 24
• Watchers: 1
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Overview

This repository contains a simple and elegant login page built with React.js. It demonstrates the use of modern React practices and is designed to be both responsive and user-friendly.

# Do you want to see the same application with the full-stack(including back-end)

Then visit the following Github repository: [https://github.com/Kuzma02/MERN-Login-And-Register-With-JSON-Web-Token](https://github.com/Kuzma02/MERN-Login-And-Register-With-JSON-Web-Token)

# Desktop And Tablet Screens

![login desktop page](https://github.com/Kuzma02/Login-Page-In-React/assets/138793624/e9bbc633-2eaf-48e5-95fc-050e6666d2d9)

# Phone Screen

![login mobile page](https://github.com/Kuzma02/Login-Page-In-React/assets/138793624/825a6712-43f3-412d-a756-763f438e6a18)

# Features

- React Functional Components: Utilizes the latest React functional components for efficient rendering and state management.

- Responsive Design: Ensures the login page looks great on devices of all sizes.

= Custom Styling: Includes a custom CSS file for styling, demonstrating how to customize the look and feel.

# Getting Started

To get started with this project, clone the repository and install the dependencies.

1. Make sure you have Node.js and npm installed on your computer. When you download it, you need to configure path variables. You can download it here: https://nodejs.org/

2. Download the repository

3. Open the downloaded folder in your terminal of choice and write: npm install

4. After everything has installed write: npm run dev