Project Overview

This is a personal showcase project based on React, designed to present my background, skills, experience, and portfolio across multiple pages. The project employs various modern development technologies and tools to ensure an efficient development process and an excellent user experience. Preview URL: https://yosheng.tw

Features and Highlights

• Multi-Page Layout: Multiple pages are displayed through full-screen scrolling effects.
• Responsive Design: Ensures a great display on different devices and screen sizes.
• Internationalization Support: Supports multiple languages to meet the needs of users from different linguistic backgrounds.

Tech Stack

• React: A JavaScript library for building user interfaces.
• TypeScript: Adds static types to JavaScript, improving code quality and maintainability.
• Sass: A CSS preprocessor that brings more functionality and maintainability to stylesheets.
• i18next: A library for internationalization and localization, supporting multiple languages.
• React Fullpage: A library for implementing full-screen scrolling effects, enhancing user experience.
• Bootstrap: A responsive front-end framework for quickly building beautiful interfaces.
• animate.css: An animation library that adds rich animations to the project.

How to Run

1. Install Dependencies

npm install

2. Start the Project

npm start

This will launch the development mode, and you can view the project in your browser by visiting http://localhost:3000.