Skip to content

devmarked/sv-landing

Repository files navigation

MarkCarlo - Portfolio & Svelte Journey

A personal portfolio website showcasing both professional Next.js projects and my Svelte learning journey, demonstrating progression from simple to complex applications.

About

This website serves as both a professional portfolio and a learning documentation platform, featuring:

  • Demo Projects: Professional Next.js applications (FeedbackIQ, Opoos) showcasing full-stack development skills
  • Svelte Journey: Progressive complexity showcase of Svelte/SvelteKit projects from basic todo apps to AI-powered applications
  • Work History: Professional experience and career progression
  • Modern UI: Clean, responsive design with excellent UX using Tailwind CSS

Tech Stack

  • Framework: SvelteKit 2.x with Svelte 5.x (using modern runes syntax)
  • Styling: Tailwind CSS v4 with typography and forms plugins
  • Language: TypeScript (strict mode enabled)
  • Build Tool: Vite 7.x
  • Code Quality: ESLint 9.x + Prettier with Svelte plugins

Featured Projects

Demo Projects (Next.js)

  • FeedbackIQ: Comprehensive survey platform with AI-powered insights
  • Opoos: Internal tool for sales teams and project managers

Svelte Journey Projects

  • Todo App: Basic state management and CRUD operations
  • Weather Dashboard: API integration and real-time data
  • Chat Application: WebSocket integration and real-time messaging
  • Voting System: Advanced SvelteKit patterns with real-time updates
  • Blog Platform: Markdown support and content management
  • DoodleMation: AI-powered image-to-video animation tool

Features

  • Professional portfolio showcasing full-stack development skills
  • Progressive Svelte learning journey documentation
  • Responsive design with Tailwind CSS
  • TypeScript for type safety
  • Modern Svelte 5 runes syntax
  • Clean, accessible UI components
  • Work history and experience showcase

Development

Start the development server:

npm run dev

Build for production:

npm run build

Preview production build:

npm run preview