Data Analyst Portfolio

A modern, responsive portfolio website for data analysts built with React and TailwindCSS.

Features

  • Clean, professional design
  • Responsive layout for all devices
  • Interactive project showcase
  • Skills visualization with progress bars
  • Experience timeline
  • Contact form
  • Smooth scrolling navigation
  • Data visualization examples

Structure

  • frontend/ - React-based frontend application
  • backend/ - Hono API server for contact form handling
  • shared/ - Shared utilities and types

Sections

  1. Hero Section: Professional introduction with key skills
  2. About: Background and expertise summary
  3. Skills: Technical skills with proficiency levels
  4. Experience: Professional timeline
  5. Projects: Portfolio of data analysis projects
  6. Contact: Contact form and information

Technologies Used

  • React 18.2.0
  • TypeScript
  • TailwindCSS (via Twind CDN)
  • Hono (backend API)
  • SQLite (contact form storage)

Customization

Update the following with your information:

  • Personal details in frontend/components/App.tsx
  • Project data and descriptions
  • Skills and proficiency levels
  • Work experience timeline
  • Contact information

The portfolio includes placeholder content that can be easily customized for any data analyst's background and projects.