Skip to content

Commit 278fe50

Browse files
rishab-intercomrishab-intercom
authored
Add files via upload
0 parents  commit 278fe50

19 files changed

Lines changed: 3519 additions & 0 deletions

‎README.md‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
# Login Page Testing Application
2+
3+
A minimal React TypeScript Vite application built for testing login functionality with LambdaTest.
4+
5+
## Features
6+
7+
- 🌑 Dark mode UI
8+
- 🔐 Simple email/password authentication
9+
- 📝 Hardcoded user credentials in JSON
10+
- 🎯 Minimal design focused on testing
11+
- ⚡ Built with Vite for fast development
12+
13+
## Test Credentials
14+
15+
The application includes three hardcoded test users:
16+
17+
- **Email:** test@example.com | **Password:** password123
18+
- **Email:** admin@test.com | **Password:** admin123
19+
- **Email:** user@demo.com | **Password:** demo123
20+
21+
## Getting Started
22+
23+
### Install Dependencies
24+
25+
```bash
26+
npm install
27+
```
28+
29+
### Run Development Server
30+
31+
```bash
32+
npm run dev
33+
```
34+
35+
The application will be available at `http://localhost:5173`
36+
37+
### Build for Production
38+
39+
```bash
40+
npm run build
41+
```
42+
43+
### Preview Production Build
44+
45+
```bash
46+
npm run preview
47+
```
48+
49+
## Project Structure
50+
51+
```
52+
src/
53+
├── Login.tsx # Login page component
54+
├── Login.css # Login page styles
55+
├── Dashboard.tsx # Post-login dashboard
56+
├── Dashboard.css # Dashboard styles
57+
├── users.json # Hardcoded user credentials
58+
├── App.tsx # Router configuration
59+
├── main.tsx # Application entry point
60+
└── index.css # Global styles
61+
```
62+
63+
## Testing with LambdaTest
64+
65+
This application is designed to be tested with LambdaTest for:
66+
67+
- Cross-browser login functionality
68+
- Form validation
69+
- Navigation after successful/failed login
70+
- UI consistency across different browsers and devices
71+
72+
## Technologies Used
73+
74+
- React 18
75+
- TypeScript
76+
- Vite
77+
- React Router DOM

‎eslint.config.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import js from '@eslint/js'
2+
import globals from 'globals'
3+
import reactHooks from 'eslint-plugin-react-hooks'
4+
import reactRefresh from 'eslint-plugin-react-refresh'
5+
import tseslint from 'typescript-eslint'
6+
import { defineConfig, globalIgnores } from 'eslint/config'
7+
8+
export default defineConfig([
9+
globalIgnores(['dist']),
10+
{
11+
files: ['**/*.{ts,tsx}'],
12+
extends: [
13+
js.configs.recommended,
14+
tseslint.configs.recommended,
15+
reactHooks.configs.flat.recommended,
16+
reactRefresh.configs.vite,
17+
],
18+
languageOptions: {
19+
ecmaVersion: 2020,
20+
globals: globals.browser,
21+
},
22+
},
23+
])

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>loginpage</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)