A modern, responsive academic personal website built with React and deployed as a static site on GitHub Pages.
Visit the live website: https://10-oasis-01.github.io
Also check out these amazing homepages based on Yibin's version:
Jingqi Fan's personal academic website,
For detailed development information, see DEVELOPMENT.md
- Modern Tech Stack: Built with React 19, Vite, TypeScript, and Tailwind CSS
- Responsive Design: Optimized for all devices using Radix UI components
- SEO Optimized: Comprehensive meta tags, structured data, and sitemap
- Fast Performance: Static site generation with optimized builds
- Academic Focus: Designed specifically for academic professionals and researchers
This is a single-page application (SPA) deployed as a static website:
- Frontend: React 19 with TypeScript
- Styling: Tailwind CSS with Radix UI components
- Routing: Wouter for client-side routing
- Build Tool: Vite for fast development and optimized builds
- Deployment: GitHub Pages with automated CI/CD
├── client/ # Frontend application
│ ├── src/ # Source code
│ │ ├── components/ # React components
│ │ ├── config/ # Configuration files
│ │ ├── pages/ # Page components
│ │ └── styles/ # Global styles
│ ├── public/ # Static assets
│ └── index.html # HTML template
├── .github/workflows/ # GitHub Actions
└── package.json # Dependencies and scripts
- Node.js 18+
- pnpm (recommended) or npm
# Clone the repository
git clone https://github.com/10-OASIS-01/10-OASIS-01.github.io.git
cd 10-OASIS-01.github.io
# Install dependencies
pnpm install
# Start development server
pnpm dev
# Build for production
pnpm build
# Preview production build
pnpm previewpnpm dev- Start development serverpnpm build- Build for productionpnpm preview- Preview production buildpnpm check- Type checkingpnpm format- Format code with Prettier
For detailed development documentation, including architecture, configuration, and deployment guides, see DEVELOPMENT.md.
Edit client/src/config/siteConfig.ts to update:
- Personal details and bio
- Research interests
- Social media links
- Academic affiliations
Edit client/src/config/blogConfig.ts to:
- Add new blog posts
- Modify existing content
- Update blog metadata
The site automatically deploys to GitHub Pages when changes are pushed to the master branch via GitHub Actions.
For manual deployment and advanced configuration, see the Deployment section in DEVELOPMENT.md.
- Comprehensive meta tags for search engines
- Open Graph tags for social media sharing
- Twitter Card support
- JSON-LD structured data for academic profiles
- XML sitemap generation
- Robots.txt for crawler guidance
- Canonical URLs and proper heading hierarchy
- Static site generation for fast loading
- Code splitting and lazy loading
- Optimized images and assets
- Minimal bundle size
- Progressive Web App features
- React 19 - UI framework
- TypeScript - Type safety
- Vite - Build tool and dev server
- Tailwind CSS - Utility-first CSS framework
- Radix UI - Accessible component primitives
- Framer Motion - Animation library
- Wouter - Lightweight router
- Lucide React - Icon library
- React Hook Form - Form handling
- Date-fns - Date utilities
- README.md - This file, quick start and overview
- DEVELOPMENT.md - Comprehensive development documentation
- FILE_STORAGE_GUIDE.md - File storage and asset management
MIT License - see LICENSE file for details.
Contributions, issues, and feature requests are welcome! Please read DEVELOPMENT.md for development guidelines.
Yibin (Leon) Liu
- Email: kevin.lau.stu@gmail.com
- GitHub: @10-OASIS-01
- LinkedIn: yibin-leon-liu
This website serves as a professional academic portfolio showcasing research, publications, and professional experience in the field of Artificial Intelligence and Robotics.