Welcome to my Retro Portfolio Website! This project showcases my skills as a web developer and designer, with a focus on frontend and backend projects. The website features a unique retro aesthetic, smooth animations, and interactive elements to provide an engaging user experience.
Check out the live version of the website here: Live Demo
Frontend: HTML, CSS, JavaScript
Animation Libraries: GSAP (GreenSock Animation Platform), Lenis (for smooth scrolling)
Fonts: Custom fonts (domain.ttf, canopee)
Icons: Remix Icons
Hosting: GitHub Pages (or any other hosting service you use)
• index.html → Main landing page.
• index2.html → Navigation menu page.
• index3.html → Work/projects page.
• data.js → Project data (awards and projects).
• hover.js → Hover effects and animations for the work page.
• script.js → Main JavaScript for the landing page.
• script2.js → JavaScript for the navigation menu.
• style.css → Main styles for the landing page.
• style2.css → Styles for the navigation menu.
• work.css → Styles for the work page.
• img/ → Folder containing all images used in the project.
• README.md → This file.
• Interactive Animations: Smooth hover effects, page transitions, and scroll animations using GSAP.
• Responsive Design: Optimized for desktop users (mobile version in development).
• Project Showcase: A detailed list of frontend, backend, and MERN stack projects with live previews.
• Retro Aesthetic: Unique design inspired by retro themes, with a modern twist.
• Dynamic Content: Projects and awards are dynamically loaded using JavaScript.
The design of this portfolio is inspired by retro and vintage aesthetics, combined with modern web development techniques. The use of bold typography, grainy gradients, and smooth animations creates a visually appealing and interactive experience.
Mobile Optimization: Currently, the website is optimized for desktop users. A mobile-friendly version is in development.
More Projects: Continuously adding new projects to showcase my evolving skills.
Dark Mode: Adding a dark mode option for better user experience.
Accessibility: Improving accessibility features for better usability.
