Proton
My Portfolio
Roles
Full-Stack developer
Language / Framework
Next.jsReact.jsJavascriptCssHtml
Tools
Vs CodeInkscape
Overview
To create a professional portfolio website to showcase your projects and skills, I created this site.
With Next.js
SSR capabilities, it ensures lightning-fast load times and optimal SEO performance and stunning animations and transitions by Framer Motion.js
to build a dynamic and responsive website .
It has almost perfect lighthouse score.
What I Learn
By developing this portfolio, you will learn the following:
- Using
next.js
to build static pages - Adding style using
module.css
. - How to create Page Transition effects using
framer-motion
. - How to create API in
nest.js
- How to use google fonts in next js
- Next.js images optimization
- And many awesome animations using
framer-motion
.
Key Features of This Portfolio Website
- Smooth Page Transition effects
- Cool Animations
- Minimal design
- Multiple Pages
- Mobile Responsive
- Unique approach to showcase my projects
- Fonts and Image optimization using Next.js Image component
- On Scroll and On Mouse Move animations
Executive Summary
Goal was to implement all i have learn about Next.js and React.js to form my portfolio
Feeling strong ?
Let's work together !