66 lines
1.4 KiB
Markdown
66 lines
1.4 KiB
Markdown
# Login App
|
|
|
|
A simple React application demonstrating a login form with email and password fields, along with "Forgot password?" and "Register" links that navigate to their respective routes.
|
|
|
|
## Features
|
|
|
|
- **Login Form**: Email and password inputs with basic validation.
|
|
- **Routing**: Uses `react-router-dom` for navigation between login, forgot password, and register pages.
|
|
- **Minimal Styling**: Basic CSS to make the UI clean and functional.
|
|
|
|
## Getting Started
|
|
|
|
### Prerequisites
|
|
|
|
- Node.js (v14 or newer)
|
|
- npm (v6 or newer)
|
|
|
|
### Installation
|
|
|
|
```bash
|
|
# Clone the repository
|
|
git clone https://github.com/your-username/login-app.git
|
|
cd login-app
|
|
|
|
# Install dependencies
|
|
npm install
|
|
```
|
|
|
|
### Running the App
|
|
|
|
```bash
|
|
npm start
|
|
```
|
|
|
|
Open your browser and navigate to `http://localhost:3000`. You should see the login page.
|
|
|
|
### Building for Production
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
The production-ready files will be in the `build/` directory.
|
|
|
|
## Project Structure
|
|
|
|
```
|
|
login-app/
|
|
├── node_modules/
|
|
├── public/
|
|
├── src/
|
|
│ ├── components/
|
|
│ │ ├── ForgotPassword.js
|
|
│ │ ├── Login.js
|
|
│ │ ├── Login.css
|
|
│ │ └── Register.js
|
|
│ ├── App.js
|
|
│ ├── index.css
|
|
│ └── index.js
|
|
├── package.json
|
|
└── README.md
|
|
```
|
|
|
|
## License
|
|
|
|
This project is open source and available under the MIT License. |