A portfolio website, showcasing work and created by Anthony Shellman
Explore the docs »
Check it out! »
Table of Contents
This web application is my portfolio, built with self-learned technologies. It features responsiveness across a multitude of devices, a dark/light mode browsing experience, carousel of browsable projects, and more!
- Please visit the deployed site
After a challenging nine-month bootcamp experience at Turing School of Software & Design, I wanted to tackle a new challenge. However, my goal this time was to take things slow, learn at my own pace and create a lightweight, straightforward application. What better way to do that than making a portfolio? It was nice to learn and implement Next.js, TailwindCSS, and have some fun!
I intend to improve on this portfolio over time, with more skills that I have learned. When the time is right, I may even create a completely new portfolio, in a totally different framework. It feels great to have options!
- A smooth responsive browsing experience
- Dark and light modes
- Links to various sections
- Carousel of past projects with information and deploy links
- And more!
- After getting inspiration from this tutorial, I set out to learn Next.js and TailwindCSS on my own instead of just following along. Although my portfolio doesn't look quite as fancy, I'm still happy with how it turned out. I know that I can keep building upon it - perfection is not the goal, but rather learning and exploration.
- I had to research how to do a fetch call in TypeScript, since it was my first time using SWR.
- Learning the TailwindCSS syntax took a while, but when it clicked it was awesome!
- I found a nice solution for Dark mode, which saved a lot of time.
- Responsiveness took awhile - there's still room for improvement, but that comes with time and practice.
- Add (more) animations
- Testing with Jestjs
- Implement a modal
- Refactor Swiperjs code
- Troubleshoot y-scroll snap behavior
- Next.js client-side data fetching was used for this project