Welcome to my portfolio! On here you'll find my personal coding projects, work experience, and photography work. This is my biggest front-end project to date, with a lot of moving parts, so let me know if you notice any issues not listed in the Roadmap!
Check out the Demo, hosted on Vercel.
Looking for the last version? See the previous v1 version.
- ✅ Mobile responsive
- ✅ Visually Distinct Card Layout
- ✅ Button Animations
- ✅ Opacity Animation on Scroll
- ✅ Consistent Design Language
- ✅ Deutsch Support
- ✅ Flickr API Integration (Client)
- ✅ Infinite Scroll on Flickr Feed
- ✅ Image Load Animations
- ✅ Github Backend API Endpoint
- ✅ Wordpress Backend API Endpoint
- ✅ Lazy Loading Carousel
- ❌ Light Mode Support
- ❌ Translate Github + Wordpress Subpage Buttons
- ❌ Integrate Github REST into Project Cards
- ❌ Automate Experience Tab + Resume (PDF Generator?)
- ❌ Move off of Flickr and on to a proper CMS (Cloudinary?)
- ASTRO + Typescript - Astro is the all-in-one web framework designed for speed.
- Tailwind CSS - Tailwind CSS is a utility-first CSS framework.
- React - A JavaScript library for building user interfaces.
- React Photo Album - A responsive photo gallery component for React.
- Flowbite - An extensible UI library built for Tailwind.
- Iconify - A Library of SVG Icons.
All commands are run from the root of the project, from a terminal:
astro dev: Starts the development server and watches for changes.astro build: Builds the project for production.astro preview: Previews the production build locally.
Make sure to install the Astro CLI by running npm install astro.