Personal Website of ZhongLi

This is my personal website built with React and Material UI. It features a responsive design with automatic dark/light theme switching based on system preferences.

Features

• Responsive design for all device sizes
• Automatic dark/light theme switching based on system preferences
• Manual theme toggle option
• Blog and news sections
• Smooth animations and transitions

Build Process

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Development

1. Clone the repository

   git clone https://github.com/lelelemonade/lelelemonade.github.io.git
   cd lelelemonade.github.io
   

2. Install dependencies

   npm install
   

3. Start the development server

   npm run dev
   

4. Open your browser and navigate to http://localhost:5173

Building for Production

1. Build the project

   npm run build
   

2. The build output will be in the dist folder, which can be deployed to any static hosting service like GitHub Pages.

Deployment

This website is automatically deployed to GitHub Pages when changes are pushed to the main branch.

Technologies Used

• React
• React Router
• Material UI
• Framer Motion for animations
• Vite for build tooling

License

This project is personal and all rights are reserved.