Hello

This is my personal portfolio website. This project will eventually be made into a template that you can download and use. Built with React, TypeScript, and Pico CSS.

Installation

1. Install dependencies using npm install
2. Open a new terminal in this folder and run npm start
3. This will show a link to a local host site. Click to view the website.

Usage

After running the project, you can access it at http://localhost:3000.

Features

• Routing
• Responsive design
• Customizable components
• Modal pop-ups for projects
• Animations

Bugs

• Card perspective changes based on the height and length of the container.

To-do

• Remove focus
• Reorganize CSS and add CSS elements for colors
• Find more responsive spacing for projects
• CSS for header/landing should be under header instead
• Add a modal to the project when clicked
• Add animated arrow below header
• Add hamburger menu when the menu shrinks
• Add an image path constant, a roles typed array, and pass it down through props
• Redo CSS logic for cards

Inspiration

• John Luke's Portfolio Website
• Sarah Jacob's Website
• Manuel Ernesto's Astrofy Template

Features I Want to Add

• AI Avatar Chatbot support
• Avatar Hover Animation

License

This project is licensed under the MIT License - see the LICENSE file for details.