TaskMatch

TaskMatch is a premium platform prototype that showcases user verification workflows & exclusive premium features. Built with React and TypeScript, this application demonstrates implementation of premium user interfaces with verified profiles and advanced feature access. This project is open-source for educational and demonstration purposes.

✨ Features

• Premium user profiles with detailed information display
• Mock Service Worker (MSW) for backend API simulation
• Advanced verification status visualization
• Document management system for verified users
• SASS architecture following the 7-1 methodology
• Responsive design with intuitive user interface

🛠️ Technologies

• React
• TypeScript
• Vite
• Mock Service Worker (MSW)
• SASS/SCSS
• Fetch API

🚀 Installation

# Clone the repository
git clone https://github.com/bIRDwAntS/taskmatch.git

# Navigate to project directory
cd premium_mvp

# Install dependencies
npm install

# Start the development server
npm start

💻 Usage

The application demonstrates three premium user profiles with their verification status, documents, and statistics. To explore the premium features:

1. Browse the premium dashboard
2. View detailed user profiles
3. Check verification statuses
4. Review uploaded documents

🧩 Project Structure

src/
├── assets/           # Static files (images, fonts)
├── components/       # Reusable UI components
├── hooks/            # Custom React hooks
├── mocks/            # MSW mock API setup
│   ├── data/         # Mock data (users, documents, verifications)
│   ├── handlers/     # API endpoint handlers
│   └── browser.ts    # MSW browser configuration
├── pages/            # Application pages/routes
├── styles/           # SASS styles (7-1 architecture)
├── types/            # TypeScript type definitions
└── utils/            # Utility functions

🤝 Contributing

Contributions are welcome! This project is meant for educational purposes, so feel free to suggest improvements or add features:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📝 Acknowledgments

• This project was created as a technical demonstration
• Inspired by modern web application architecture best practices
• Uses realistic mock data to simulate a production environment