Expat Cares – React Authentication System

📌 Project Overview

This is a React-based authentication system that includes:

• User Sign Up
• Login System
• Email/Code Verification Flow
• Protected Dashboard

After successful authentication, users are redirected to the Expat Cares Dubai Health Dashboard.

---

🚀 Features

• Sign Up page with form validation
• Login page
• Verification code screen (OTP flow)
• Protected Dashboard
• Responsive UI design
• Clean component-based structure

---

📍 Routes (Important)

You can directly access pages using these routes:

• Sign Up → http://localhost:5173/signup
• Login → http://localhost:5173/login
• Dashboard → http://localhost:5173/dashboard

---

⚙️ How to Run Project

1️⃣ Install dependencies

npm install

2️⃣ Run development server

npm run dev

3️⃣ Open in browser

http://localhost:5173/

Then navigate to:

• /signup to create account
• /login to login
• After verification → dashboard access

---

🔐 Authentication Flow

1. User signs up
2. Verification code is sent/entered
3. After verification → login success
4. Redirected to dashboard

---

🏥 Dashboard

After login, user accesses: Expat Cares Dubai Health Dashboard

---

🛠️ Tech Stack

• React.js
• React Router
• CSS / Bootstrap (if used)
• Vite (development server)

---

📌 Notes

• Make sure Node.js is installed
• Always run project using npm run dev

---

👨‍💻 Author

React Authentication Project – Expat Cares System