ishanparihar-svelte Svelte Themes

Ishanparihar Svelte

Ishan Parihar - Svelte Portfolio & Platform

šŸš€ Project Structure

This repository contains the complete development environment for Ishan Parihar's web presence, with the main focus on the modern SvelteKit application.

šŸ“ Main Project: SvelteKit Application (./)

Status: 🟢 ACTIVE MVP
Technology: SvelteKit 5, TypeScript, TailwindCSS
Purpose: Production-ready portfolio and business platform

This is the primary project - a modern SvelteKit application featuring:

  • šŸŽØ Modern UI with Svelte 5 runes and reactivity
  • šŸ” Simplified Authentication (Supabase Auth)
  • šŸ“ File-based Blog System (Markdown)
  • šŸ“Š Engagement Metrics (Likes/Resonance)
  • šŸŽ­ Playwright testing suite

šŸ“ Reference Project: Next.js Platform (apps/platform/)

Status: 🟔 REFERENCE ONLY
Technology: Next.js 14, React, TypeScript
Purpose: Reference implementation for migration guidance

šŸŽÆ MVP Status: READY FOR VERIFICATION

The SvelteKit application has been refactored to align with strict MVP requirements.

āœ… Key Features (MVP):

  • Blog: Markdown-based content management (no database dependency for content).
  • Auth: Simplified Supabase authentication with hardcoded admin access.
  • Admin: Streamlined dashboard for content analytics and user management.
  • Engagement: Simple "Resonance" (Like) system replacing complex comments.

āŒ Removed Scope Creep:

  • Live Chat: Removed (socket.io dependency removed).
  • Scheduled Content: Removed (relying on Git workflow).
  • Complex Newsletter: Simplified to basic subscriber list.
  • Database Blog Posts: Removed write operations to avoid conflict with Markdown.

šŸ”§ Current Status:

  • Main Project: Fully functional SvelteKit application in root directory
  • Build System: Ready for development with bun run dev
  • TypeScript: Type checking in progress

šŸ› ļø Quick Start

Main SvelteKit Project

# Install dependencies
bun install

# Start development server
bun run dev

# Build for production
bun run build

# Run tests
bun run test

# Type checking
bun run check

šŸ“‹ Available Scripts (Main Project)

Development

  • bun run dev - Start development server
  • bun run build - Build for production
  • bun run preview - Preview production build

Code Quality

  • bun run check - Run SvelteKit type checking
  • bun run check:watch - Type checking in watch mode

Testing

  • bun run test - Run unit tests
  • bun run test:watch - Unit tests in watch mode
  • bun run test:e2e - Run Playwright E2E tests
  • bun run test:e2e:ui - E2E tests with UI
  • bun run test:all - Run all tests

šŸ—ļø Project Architecture

./                          # Main SvelteKit project
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ lib/               # Core libraries and utilities
│   │   ā”œā”€ā”€ server/        # Server-side code
│   │   ā”œā”€ā”€ stores/        # Svelte stores
│   │   ā”œā”€ā”€ types/         # TypeScript definitions
│   │   └── utils/         # Utility functions
│   ā”œā”€ā”€ routes/            # SvelteKit routes
│   ā”œā”€ā”€ test/              # Test setup
│   └── app.html           # Main HTML template
ā”œā”€ā”€ static/                # Static assets
ā”œā”€ā”€ tests/                 # Playwright tests
└── *.config.*            # Configuration files

šŸ”§ Technology Stack

Main SvelteKit Project

  • Framework: SvelteKit 5 with runes
  • Language: TypeScript
  • Styling: TailwindCSS
  • Database: PostgreSQL via Supabase
  • Auth: Supabase Auth
  • Testing: Vitest + Playwright
  • Build: Vite

šŸ¤ Contributing

  1. All new development should focus on the main SvelteKit application
  2. Follow the established TypeScript and testing patterns
  3. Maintain consistency with the SvelteKit architecture

Note: The main entry point for all development activities is the root directory (SvelteKit project). The apps/platform directory is archived for reference purposes only.

Top categories

Loading Svelte Themes