Skip to content
View JayyyyLee's full-sized avatar
  • Goleta, CA

Block or report JayyyyLee

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
JayyyyLee/README.md

Yujie Li - Personal Portfolio Website

A modern, responsive portfolio website showcasing my skills, experience, and projects as a Data Scientist and NLP Specialist.

Features

  • Responsive design that works on all devices
  • Interactive UI with smooth animations and transitions
  • Sections for About, Experience, Skills, Projects, Publications and Contact
  • Dynamic particle background in the hero section
  • Typewriter effect for skill display
  • Animated skill bars and scroll-triggered elements
  • Mobile-friendly navigation system

Technologies Used

  • HTML5
  • CSS3 (with CSS Variables, Flexbox, and Grid)
  • Vanilla JavaScript (ES6+)
  • Font Awesome for icons
  • Google Fonts (Montserrat, Open Sans, Fira Code)
  • Canvas API for particle effects

Structure

├── index.html              # Main HTML file
├── css/
│   └── styles.css          # Main stylesheet
├── js/
│   └── main.js             # JavaScript functionality
├── assets/
│   └── images/             # Images for the website
└── README.md               # Project documentation

Setup and Deployment

This website is designed to be hosted on GitHub Pages. To deploy:

  1. Fork or clone this repository
  2. Make any desired customizations
  3. Enable GitHub Pages in your repository settings (Settings → Pages)
  4. Select the branch you want to deploy (usually main)

Customization

You can customize this template by:

  • Updating the personal information in index.html
  • Changing the color scheme in the :root variables in styles.css
  • Adding your own projects, experience, and educational background
  • Replacing placeholder images with your own in the assets/images/ directory

Browser Compatibility

This website is compatible with:

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Credits

  • Fonts: Google Fonts
  • Icons: Font Awesome
  • Design & Development: Yujie Li

License

This project is available as open source under the terms of the MIT License.

Popular repositories Loading

  1. ADHDventure ADHDventure Public

    TypeScript

  2. JayyyyLee JayyyyLee Public

    CSS

  3. hotspot-radar hotspot-radar Public

    TypeScript