Bits of Me - Personal Portfolio
yutingzhou.website

This project is based on the original portfolio template by Soumyajit.

---

Framework Upgrade

• Migrated from React 17 to React 18.3.1.
• Consolidated core layout components (Navbar, Footer, etc.) into a unified MainFrame directory for cleaner architecture.

Page Redesign

• Rewrote the PROJECTS page. Introduced both list and grid views for more flexible content presentation, and restructured page hierarchy for better readability across devices.
• Added the TRACKS page for showing professional experience, built entirely from scratch.

Mobile Optimization

• Added a context-aware, adaptive bottom navigation bar to improve accessibility on smaller screens.
• Audited and optimized layout depth and spacing for mobile, ensuring each page adapts fluidly to different screen sizes.

Visual Enhancements

• Unified border-radius across buttons, cards, modals, and containers, and incorporated glassmorphic components for a modern interface.
• Integrated a light Particle.js effect on the homepage to enrich visual depth without distraction.
• Added entrance and exit animations to major pages for a more fluid and polished browsing experience.
• Enhanced user interaction by adding hover, tap, and motion-based animations across navigational links, buttons, and project items.

---

Click to view the original README from Soumyajit

Portfolio Website - v2.0
soumyajit.tech

       

🔹 Report Bug     🔹 Request Feature

TL;DR

You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to Soumyajit4419. Thanks!

Built With

My personal portfolio soumyajit.tech which features some of my github projects as well as my resume and technical skills.

This project was built using these technologies.

• React.js
• Node.js
• Express.js
• CSS3
• VsCode
• Vercel

Features

📖 Multi-Page Layout

🎨 Styled with React-Bootstrap and Css with easy to customize colors

📱 Fully Responsive

Getting Started

Clone down this repository. You will need node.js and git installed globally on your machine.

🛠 Installation and Setup Instructions

1. Installation: npm install

2. In the project directory, you can run: npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

Usage Instructions

Open the project folder and Navigate to /src/components/.
You will find all the components used and you can edit your information accordingly.

Show your support

Give a ⭐ if you like this website!