A favicon of Dinogomez.net

Dinogomez.net

A personal website showcasing projects and experience, built using NextJS, Shadcn/UI, Tailwind CSS, and featuring interactive draggable components.

A screenshot of Dinogomez.netVisit

Dino Gomez's Interactive Next.js Developer Portfolio

Dino Paulo Gomez's personal website is an interactive portfolio showcasing his software engineering skills, projects, and experience. Built with NextJS, Shadcn/UI, and Tailwind CSS, it features a unique 'Code Mode' aesthetic. The site emphasizes user interaction through draggable, toggleable, and hideable content containers powered by React-Draggable, offering a dynamic way to explore his professional journey and technical work. This modern tech stack delivers a performant and engaging user experience.

Features:

  • Next.js Framework: Core framework for server-side rendering and static site generation.
  • Shadcn/UI Integration: Utilizes Shadcn/UI for pre-built, accessible user interface components.
  • Tailwind CSS Styling: Employs Tailwind CSS for a utility-first, responsive design.
  • React-Draggable Functionality: Implements draggable components via React-Draggable for interactive layout customization.
  • Interactive Content Containers: Sections for 'Info', 'Projects', and 'Experience' are draggable, toggleable, and hideable.
  • "Code Mode" Visual Theme: Presents the portfolio with a distinctive terminal-inspired aesthetic.
  • Dynamic Project Showcase: Displays projects with descriptions and links to GitHub or other relevant platforms.
  • Professional Experience Section: Outlines work history, detailing roles and companies.
  • Personal Information Display: Clearly presents key contact and professional details of the owner.
  • Draggable Element Coordinate Tracking: Shows real-time X/Y coordinates for draggable containers.

Summary:

This personal portfolio, developed by Dino Paulo Gomez, effectively utilizes NextJS, Shadcn/UI, and Tailwind CSS to present his software engineering profile. Its standout features include interactive draggable and toggleable content sections within a unique 'Code Mode' interface, offering an engaging way to view his projects and experience. The site serves as a modern, dynamic resume and a testament to his skills in contemporary web development technologies.

Distribution:
opensource
GitHub:
19 Stars
5 Forks
Share:

 

  
 

Similar to Dinogomez.net: