🚀 Attenapse Attendance System

React Frontend • FastAPI Backend • Component Libraries

Modern web applications with clean, scalable architecture

🎨 Interactive Component Library

Explore my React components built with Storybook - the industry standard for component development. See real components in action with interactive controls and comprehensive documentation.

🎯 View Storybook Demo 📚 View API Documentation
🎨

React Component Library

Professional component library built with modern React patterns, showcased in Storybook with interactive documentation.

  • Interactive component playground
  • Comprehensive prop documentation
  • Accessibility-focused design
  • Responsive & mobile-first
  • TypeScript integration
Explore Components
⚡

FastAPI Backend

High-performance Python API with automatic documentation, type safety, and modern async capabilities.

  • Auto-generated API documentation
  • Type-safe with Pydantic models
  • Async/await performance
  • Interactive testing interface
  • Production-ready architecture
View API Docs
🔧

Development Workflow

Modern development practices with automated testing, linting, and deployment workflows.

  • Component-driven development
  • Automated testing suites
  • CI/CD with GitHub Actions
  • Code quality automation
  • Git workflow best practices
View Source Code

🛠 Technology Stack

Frontend

  • React 18
  • TypeScript
  • Storybook
  • Tailwind CSS
  • React Hooks

Backend

  • FastAPI
  • Python 3.11+
  • Pydantic
  • Uvicorn
  • SQLAlchemy

DevOps

  • GitHub Actions
  • GitHub Pages
  • Docker
  • ESLint/Prettier
  • Automated Testing

Tools

  • Storybook
  • Jest/Testing Library
  • Git/GitHub
  • VS Code
  • Node.js/npm

💻 View Full Source Code

Explore the complete codebase with clean, well-documented code following industry best practices.

📂 GitHub Repository