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
- 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
Thank you IEEE BITM for organising this event ❤️