DEV Community

Ilker Ozturk
Ilker Ozturk

Posted on

Portfolio Website - Daily Repo Day 3

Hello Dev Community!

I'm excited to share my new portfolio website, which I've been working on to showcase my skills, projects, and experience. Here’s a quick overview of what you’ll find:

Portfolio Highlights:

  • Modern Design: Built with Next.js and styled using Pico CSS, ensuring a responsive and clean layout.
  • Dynamic Content: Includes a homepage, repositories section, and a contact form modal.
  • Interactive Features: Utilizes React animations and toast notifications for an engaging user experience.
  • Custom Themes: Offers both light and dark themes to suit different user preferences.
  • Work Experience & Education Timeline: A detailed timeline that highlights my professional journey and educational background.
  • Easy Navigation: Icons for quick access to my GitHub, LinkedIn, dev.to, and HackerRank profiles.

Technical Details:

  • React & Next.js: The core framework for building the portfolio.
  • Pico CSS: For sleek and modern styling.
  • Framer Motion: Added animations to enhance user interaction.
  • Tailwind CSS: Used for utility-first styling of specific components.
  • Flask Server: Backend setup for handling dynamic requests.
  • jQuery UI: Integrated draggable and droppable features for interactive elements.
  • GitHub Pages: Hosting the portfolio for easy access.
  • Repository Features:
  • Independent Cards: Each repository card is independently styled to maintain consistent spacing and layout.
  • Search Functionality: Quickly find repositories using the search bar.
  • Responsive Grid Layout: Ensures a smooth browsing experience across all devices.

You can check out the source code and see how everything is put together:

🔗 Portfolio Live Site
🔗 GitHub Repository
Looking forward for your star LOL, also I doing follow for follow too. If you did just write comments :)

Feel free to explore, give feedback, and even contribute if you find areas for improvement. Your thoughts and suggestions are highly appreciated!

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more