A modern, responsive portfolio website showcasing my skills, experience, and projects as a Data Scientist and NLP Specialist.
- 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
- 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
├── 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
This website is designed to be hosted on GitHub Pages. To deploy:
- Fork or clone this repository
- Make any desired customizations
- Enable GitHub Pages in your repository settings (Settings → Pages)
- Select the branch you want to deploy (usually
main)
You can customize this template by:
- Updating the personal information in
index.html - Changing the color scheme in the
:rootvariables instyles.css - Adding your own projects, experience, and educational background
- Replacing placeholder images with your own in the
assets/images/directory
This website is compatible with:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Fonts: Google Fonts
- Icons: Font Awesome
- Design & Development: Yujie Li
This project is available as open source under the terms of the MIT License.