Portfolio Showcase

A React application built with Vite to showcase my portfolio. This project demonstrates frontend development skills, component design, and algorithm implementations.

Features

• Responsive design with accessibility features
• Interactive algorithm demonstrations with Python code examples
• Profile section with personal information and skills
• Project showcase with featured work
• Clean, modern UI with smooth animations

Technologies Used

• React 18
• TypeScript
• Vite
• React Router
• React Syntax Highlighter
• Vitest for unit testing

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository
2. Navigate to the project directory
3. Install dependencies:

cd portfolio-app
npm install

Running the Development Server

npm run dev

This will start the development server at http://localhost:5173

Running Tests

npm test

Project Structure

• src/components/ - Reusable UI components
• src/pages/ - Page components for different routes
• src/styles/ - CSS files for styling
• src/__tests__/ - Unit tests for components
• src/assets/ - Static assets like images

Accessibility Features

This project follows WCAG guidelines for accessibility:

• Semantic HTML structure
• ARIA attributes for interactive elements
• Keyboard navigation support
• Color contrast compliance
• Focus management
• Screen reader friendly content

Simple Steps to Run the Project

1. Open a terminal and navigate to the project directory:

   cd /Users/chrstpie/workplace/portfolio-showcase/portfolio-app

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to:

   http://localhost:5173
   

5. To build for production:

   npm run build

License

MIT

10dc7f9 (Initial commit)