2022: I have updated my website - ongundemirag.com

During the first half of January 2022, on my spare time I have had the chance to update and redesign my portfolio website that covers my main interests, abilities, experience, background and much more.

Ongun Demirag Portfolio Website

Github Repo

I have used Next.js and Typescript on top of Tailwind and Framer animations mainly to compare the performance with my old React website and test new, impressive Next.js 12 features such as Rust Compiler and Middleware.

The Lighthouse results were much better compared to my previous website, that led me decide to convert my old React projects to Next.js in the near future.

Features

• Fully mobile responsive & friendly,
• Graident colour design,
• Dark & Light theme,
• SEO optimized & Google analytics enabled,
• 3 sections, About, Resume and Project page,
• About page: Next.js asyn image load, brief abilities, self introduction,
• Resume page: Education & Experinece panel with animation,
• Resume page: Skills & Softwares slide loading animation,
• Projects page: Each self,personal projects displayed as grid with summary,
• Grid, flex, block and layout schematic & practises,
• Random profile picture on load and refresh,
• Tab, copyright title and time update based on server time,
• BEM - Blocks, Elements and Modifiers CSS naming technique,
• Integrated to Github Pages, Vercel and .com domain,
• Crossbrowser adaptibility,
• Displays updated and current time on top tab
• Icons: React Icons + Simple Icons

Technologies

• Next.js v.12
• React.js v.17
• Tailwind Css v.3
• Framer motion animation v.5
• Typescript v.4
• Git v.2
• Node.js v.13
• Vercel v.2

Dark theme

Mobile View

Further Updates

• Onload: Random gradient colors for light and black theme (instead of red and purple)
• Full google analytics integration - for statistics
• Few updates and fixes on Projects
• Mobile friendly project mini frame display once user selects bottom projects.

Contact

I'd be very happy to hear your feedback and suggestions!

My Linkedin

My Github

My HackerRank

Email: [email protected]

Feel free to fork and modify for your own portfolio.