English | 简体中文

React Developer Portfolio

A modern personal portfolio built with React, Threejs, Framer Motion, and more.

View Demo · Report Bug

🌟 About the Project

This repository houses an innovative React Developer Portfolio developed with React. The system is enhanced with a modern UI/UX using Framer Motion, and features such as typewriter-effect, react-lottie, and react-social-icons for an engaging user experience. Additionally, the project integrates ESLint and Tailwind CSS for code consistency and incorporates a stunning video background to enrich the visual presentation.

🚀 Features

• Framer Motion: Utilized for adding smooth and sophisticated animations, Framer Motion enhances user interactions, making the portfolio more engaging and visually appealing.

• Three.js: Incorporated to render 3D graphics directly in the web browser using WebGL. This brings an extra layer of depth and immersion, allowing for stunning visual effects and interactive 3D elements.

• Responsive Design: Fully responsive layout that looks great on all devices, from mobile phones to desktop computers.

• Modern UI/UX: A sleek and modern user interface, designed with user experience in mind, ensuring easy navigation and a pleasant browsing experience.

• Video Background: Enhancing visual appeal with a captivating video background.

🧰 Getting Started

⚙️ Installation

Step 1:

Clone the repository:

git clone https://github.com/ayueaa/react-developer-portfolio.git

Step 2:

Navigate to the project directory and install dependencies:

npm install --legacy-peer-deps

or use yarn:

yarn install

Step 3:

At the main folder execute the following command in console to run the development server:

npm run dev

or use yarn:

yarn dev

🏃 Run Prodction

Step 1:

At the main folder execute the following command in console to creates a build directory with a production build of portfolio:

  npm run build

Step 2:

At the main folder execute the following command in console to run the server:

  npm run start

💎 Acknowledgements

This section is used to mention useful resources and libraries that were used in the React Developer Portfolio project:

• Email JS
• Framer Motion
• React Tilt
• React Vertical Timeline Component
• Ant Design
• typewriter-effect
• react-lottie
• react-social-icons
• ESLint
• Prettier
• Tailwind CSS

(back to top)