Portfolio of Daniel Suchan

Personal portfolio website showcasing my work and experience.

Tech Stack

• Framework: React v18.3.1 with TanStack Router v1.127.3 - Type-safe file-based routing
• Styling: Tailwind CSS v3.4.17 with PostCSS and Autoprefixer
• Build Tool: Vite v5.4.19 - Modern build tool and dev server
• Development Tools:
  • NPM - Node Package Manager
  • Prettier v3.4.2 for code formatting
  • TypeScript for type safety

Development

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Build for production:

   npm run build

4. Preview production build:

   npm run preview

Deployment

• Hosting: Coolify
• Domain: Registered on Google Domains
• Container: Dockerized deployment with custom Dockerfile

Code Quality

• Prettier is configured with default settings
• Format code using:

  npm run format

Project Structure

The project follows TanStack Router's file-based routing structure:

• src/routes/ - Route components and configurations
• src/main.tsx - Application entry point
• src/index.css - Global styles and Tailwind directives