DOMECARE — React Services Dashboard

A modern React dashboard-style application built with Material UI (MUI).
The project implements authentication, protected routing, and a clean dashboard interface using scalable component architecture and modern frontend practices.

🚀 Live Demo: https://domecare-dashboard.vercel.app/

---

📚 Table of Contents

• Overview
• Features
• Demo Credentials
• Screenshots
• Tech Stack
• Getting Started
• Project Structure
• Scripts
• Versioning
• License
• Author

---

Overview

DOMECARE is a Single Page Application (SPA) built using React and React Router.

The application simulates a real dashboard workflow where users must authenticate before accessing protected pages.

Main goals of the project:

• Clean UI using Material UI
• Secure route protection
• Form validation best practices
• Maintainable and scalable structure

---

Features

• 🔐 Login authentication flow
• 🛡️ Protected routes with automatic redirect
• ✅ Form validation using Formik + Yup
• 💾 “Remember me” session persistence
• 📱 Responsive layout
• 🎨 Modern UI with Material UI (MUI)
• 🧩 Reusable components architecture

---

Demo Credentials

Use the following credentials to test the application:

• Username: emilys
• Password: emilyspass

---

Screenshots

---

Tech Stack

Frontend

• React
• React Router DOM

UI / Styling

• Material UI (MUI)
• Emotion Styling

###Forms & Validation

• Formik
• Yup

Networking

• Axios

Tooling

• Create React App
• npm

---

Getting Started

Clone the repository:

git clone https://github.com/AliTechM/React
cd React-master

Install dependencies:
npm install

Run the development server:

npm start

Open in browser: http://localhost:3000

Project Structure

src/
├── components/        # Reusable UI components
├── pages/             # Application pages
├── Context/           # App providers / context
├── assets/            # Images & static files
├── App.js             # Routing & protected routes
└── index.js           # Entry point

Scripts

npm start       # Run development server
npm run build   # Production build
npm test        # Run tests

Versioning

This project follows Semantic Versioning:

MAJOR.MINOR.PATCH

Current Version

v1.0.0

Release Notes — v1.0.0

• Login authentication UI
• Form validation with Formik + Yup
• Protected routing logic
• Dashboard (Home) page
• Session persistence (Remember me)

License

MIT License

Author

AliTechM https://github.com/AliTechM