Personal Portfolio Website

A modern, responsive portfolio website built with React and Bootstrap, featuring smooth animations and a clean design.

🌟 Features

• Responsive design for all devices
• Smooth scroll animations
• Interactive project carousel
• Skills showcase with progress bars
• Dynamic typing animations
• Mobile-friendly navigation

🛠 Tech Stack

• Frontend Framework: React 18
• Styling:
  • Bootstrap 5.2.3
  • SASS/SCSS
  • Framer Motion
• Icons: React Icons
• Animations:
  • React Type Animation
  • Framer Motion
• Build Tool: React App Rewired

🚀 Getting Started

Prerequisites

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

Installation

1. Clone the repository

git clone https://github.com/your-username/portfolio.git

2. Install dependencies

npm install

3. Create a .env file in the root directory with the following variables:

REACT_APP_NAME=
REACT_APP_EMAIL=
REACT_APP_GIT_HUB=
REACT_APP_LINKEDIN=
REACT_APP_CV=
REACT_APP_ABOUT_ME0=

4. Start the development server

npm start

📱 Project Structure

src/
├── assets/         # Images and static files
├── components/     # Reusable components
├── icon/          # Icon components
├── scss/          # SCSS styles
└── section/       # Main page sections

🔧 Available Scripts

• npm start - Runs the app in development mode
• npm build - Builds the app for production
• npm eject - Ejects from create-react-app

📱 Mobile Support

The website is fully responsive and includes:

• Touch-enabled carousel navigation
• Mobile-optimized images
• Responsive typography
• Touch-friendly navigation menu

🎨 Customization

Styling

• Edit src/scss/custom.scss for global styles
• Component-specific styles are located in their respective files

📞 Contact

Seongrok Shin - ssr7324@gmail.com

Project Link: https://github.com/Seongrok-Shin/portfolio2