💻 MacBook-Style Graphic Designer Portfolio (React)
A visually rich, MacBook-inspired portfolio website built with React.js, designed to showcase graphic design work with a clean, premium Apple-like aesthetic. The interface mimics a macOS workspace, creating an immersive, modern, and professional experience.
✨ Overview
This portfolio presents creative projects, case studies, and visual explorations through a macOS-inspired UI. Built with React and enhanced using smooth animations, it focuses on performance, interaction, and strong visual hierarchy to attract recruiters and clients.
🔹 Key Features
MacBook / macOS-inspired UI design
Built with React.js for component-based structure
Smooth scroll & motion animations
Interactive project previews
Minimal typography & clean layout
Fully responsive across devices
Recruiter-focused presentation
🛠️ Tools & Technologies Used
React.js – Component-based UI development
Vite – Fast development & optimized build
JavaScript (ES6+) – Application logic
HTML5 – Semantic structure
CSS3 – Styling & responsiveness
GSAP – Advanced animations & transitions
Lenis – Smooth scrolling experience
GitHub Pages – Deployment
🖼️ Screenshots Portfolio Home
Project Showcase
Replace image paths with your actual screenshot locations.
🚀 Live Preview
🔗 Live Site: https://visualsbyaswin.github.io/bychudiie/
📌 Purpose
This project is created to:
Showcase graphic design work in a premium format
Demonstrate React.js and animation skills
Create a strong first impression for recruiters
Combine design aesthetics with frontend development
Follow these steps to run the project on your local machine:
1️⃣ Clone the repository git clone https://github.com/your-username/your-repo-name.git
2️⃣ Navigate to the project folder cd your-repo-name
3️⃣ Install dependencies npm install
4️⃣ Start the development server npm run dev