https://github.com/ananyamishra08/authentication-web-app
Qualifier Task Educase India
https://github.com/ananyamishra08/authentication-web-app
react-hooks react-router
Last synced: about 1 month ago
JSON representation
Qualifier Task Educase India
- Host: GitHub
- URL: https://github.com/ananyamishra08/authentication-web-app
- Owner: Ananyamishra08
- Created: 2025-09-02T12:57:47.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-02T16:42:31.000Z (10 months ago)
- Last Synced: 2025-09-02T18:04:35.662Z (10 months ago)
- Topics: react-hooks, react-router
- Language: JavaScript
- Homepage: https://authentication-web-app-lovat.vercel.app/
- Size: 94.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📱 React JS - Mobile App UI (Intern/Fresher Qualifier Task)
This project is built as part of the **React JS Intern/Fresher Qualifier Assignment**.
The goal was to implement the given Adobe XD design into a **pixel-perfect React application** with proper navigation and deployment.
---
## 🚀 Features
- 🎨 Pixel-perfect UI based on Adobe XD design
- 📱 Mobile app interface centered on the webpage (`375x812px`)
- 🔀 Smooth navigation between screens using React Router
- ♻️ Clean, modular, and reusable components
- ☁️ Deployed on Vercel for easy access
---
## 🛠️ Tech Stack
- **React JS (Vite)**
- **React Router DOM**
- **Tailwind CSS** (for styling)
- **Vercel** (for hosting)
---
## 📂 Project Structure
---
## ⚡ Pages
1. **Landing Page (`Home.jsx`)** → Welcome screen with options to login or create an account
2. **Login Screen (`Login.jsx`)** → Email & password fields with login button
3. **Register Screen (`Register.jsx`)** → Registration form with inputs and radio options
4. **Profile/Dashboard (`Profile.jsx`)** → Displays user info and settings
---
## 🔧 Installation & Setup
1. Clone the repository:
```bash
git clone https://github.com/your-username/reponame.git
cd reponame
2. Install dependencies:
```bash
npm install
3. Run the project locally:
``` bash
npm run dev
---
## 🌐 Deployment
The project is deployed on **Vercel**.
👉 **[Live Demo Link](https://authentication-web-app-lovat.vercel.app/)**
---
## ✨ Future Improvements
- 🔑 Add **JWT Authentication & Protected Routes**
- 🌐 Connect with a **backend API** for login & register
- 🗄️ Store **user data in a database** (e.g., MongoDB, PostgreSQL)
- 📱 Improve **mobile responsiveness**