3 min read
Web Development

Frontend Core

  • HTML (structure of web pages)
  • CSS (styling and layout)
  • JavaScript (core web programming language)

Frontend Frameworks & Libraries

  • React.js (component-based UI library)
  • Next.js (full-stack React framework)
  • Vue.js (progressive UI framework)
  • Svelte (compiler-based UI framework)

State Management

  • Redux / Redux Toolkit (predictable global state management)
  • Context API (React built-in shared state)
  • MobX (reactive state management)
  • Zustand (minimal global store)
  • React Query / TanStack Query (server-state management)

UI Libraries & Components

  • Material UI (Google Material Design components)
  • Shadcn UI (headless + Radix-based customizable components)
  • Ant Design (enterprise-grade UI framework)
  • Tailwind CSS (utility-first CSS framework)
  • Storybook (interactive component development workspace)
  • Chromatic (visual regression testing & UI review)

Charts & Data Visualization

  • Recharts (React charting library)
  • Chart.js (simple charting library)
  • ApexCharts (interactive charts)

Validation Libraries

  • Yup (schema-based validation)
  • Zod (TypeScript-first schema validation)

Testing

  • Jest (JavaScript testing framework)
  • React Testing Library (React component testing utilities)
  • Vitest (Vite-native test runner)

TypeScript

  • TypeScript (typed superset of JavaScript)

APIs

  • RESTful API (standard HTTP-based API design)
  • GraphQL (query-based API language)
  • Apollo (GraphQL client/server tools)
  • Axios (HTTP client library)
  • JWT (token-based authentication)
  • Clerk (authentication & user management)

Build Tools & Bundlers

  • Vite (fast frontend build tool)
  • Babel Plugins (JavaScript transpilation extensions)

Backend

  • Node.js (JavaScript runtime)
  • Express (minimal backend framework)
  • Nest.js (modular TypeScript backend framework)
  • WebSocket (real-time communication protocol)
  • Socket.io (real-time event-based communication)

Databases & ORMs

  • MongoDB (NoSQL document database)
  • PostgreSQL (relational SQL database)
  • Redis (in-memory cache and data store)
  • Prisma (modern TypeScript ORM)
  • Drizzle ORM (lightweight TypeScript ORM)

Package Managers

  • NPM (Node package manager)
  • Yarn (fast package manager)
  • PNPM (efficient, disk-saving package manager)

Deployment & Hosting

  • Vercel (serverless hosting for frontend frameworks)
  • Sevalla (deployment & hosting platform)

Tools

  • Nodemon (auto-restart Node server during development)