Portfolio Website 🌎

www.mayukhpankaj.github.io

Portfolio website developed for LEAD 2021 organised by IEEE BIT Mesra.

MILESTONES ACHIEVED✔️-

1. ABOUT PAGE
2. SKILLS PAGE
3. PROJECTS PAGE
4. CODEFORCES API integration
5. OPTIONAL MILESTONES ✔️ -

           a. dark/light mode toggle 🌙
           b. keyframes animations 
             (transform, translate , opacity etc.)
           c. bootstrap 4
           d. smooth scrolling
           e. Responsive Web Design 
              ( RWD principles followed, breakpoints for different screens )
           f. ionicons
              ( SVG icons used instead of pngs )
           g. GIF used for projects 
           h. Open Graph Meta data used for SEO optimization
           i. Github pages for hosting

Tech Stack 💻

• HTML 5
• CSS
• Javascript
• Bootstrap 4

I like to use bootstrap for developing websites because targeting breakpoints is much easier, just add add class "col-sm-12" instead of making media queries. bootstrap cards used for showcasing projects. add animations & override with !important in separate stylesheet for final result.

UNIQUE 🚀

I wanted to implement dark/light mode 🌙 feature since I first used it. It's simply overriding body class properties like body-background, color on event of a button click.

I prefer aesthetic design, so I used have solid colors, icons & smooth animations. Added favicon Ⓜ

IMPROVEMENT 🔍

• localstorage for saving user dark/light choice.
• optimise GIF
• working on Jekyll blog

Preview 📱

Thank you IEEE BITM for organising this event ❤️