Skip to main content

Tech Stack

This document outlines the complete technology stack used in our web application, detailing the core technologies, frameworks, and tools implemented across different layers of the application.

Frontend Architecture

Core Technologies

  • Framework: React.js with Vite
  • Type System: None
  • Styling: CSS

Build Tools

  • Package Manager: npm
  • Bundler:
  • Compiler:

Dependencies

  • Routing: React Router
  • HTTP Client: Axios
  • Icons Library: Lucide-React

Backend Architecture

Server Environment

  • Runtime: Python
  • Framework: Flask
  • API Type: RESTful

Database

  • Primary Database: Supabase

Infrastructure

Deployment

  • Cloud Platform: Vercel

CI/CD Pipeline

  • Build System: Vercel
  • Version Control: Git
  • Repository: GitHub

Security Implementation

Authentication & Authorization

  • JWT for token-based authentication
  • Role-based access control (RBAC)

Security Measures

  • HTTPS encryption
  • Rate limiting (planned)

Performance Metrics

Monitoring Tools

  • Uptime:

Development Standards

Code Quality

  • ESLint for code linting
  • Prettier for code formatting

Documentation

  • Docusaurus for all documentation