My portfolio website was built using Next.js 13, Tailwind CSS, and TypeScript. It consists of three sections, Home page, About page and Links page and it's responsive.
Here is a working live demo I've hosted on Vercel: https://portfolio-v2-lyart-sigma.vercel.app/
I wanted to make use of a 3rd-party API so I chose OpenWeather's API to show the weather of the location I live in. The second card shows the latest project I've built.
In this page I present all the information that's relevant to my career as a software developer. From my education, to the tech stack I'm familiar with as well as information about some of the projects I've built.
It contains 3 links (CV pdf, GitHub, LinkedIn) and I've built a carousel that the user can drag/swipe to click on a link. The carousel is built with pure CSS.
The desktop menu works similarly to Mac OS's menu and is powered by Framer Motion.
A hamburger menu is used on mobile views for navigation.
The user drags/swipes sideways to go to the next slide of the carousel.
- CSS
- Framer Motion
- Next.js
- OpenWeather API
- Tailwind CSS
- TypeScript