A modern, responsive portfolio website built with React, Tailwind CSS, and Framer Motion.
🌐 Live Site: https://yerry262.github.io/Personal_Website
- ⚡ Modern Design - Dark theme with glass-morphism effects and smooth animations
- 📱 Fully Responsive - Optimized for desktop, tablet, and mobile devices
- 🎨 Animated UI - Framer Motion animations for engaging user experience
- 🔗 Social Integration - Links to GitHub, LinkedIn, and email
- React 19 - Frontend framework
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library
- Lucide React - Icon library
- Node.js 18+
- Yarn package manager
-
Clone the repository:
git clone https://github.com/yerry262/Personal_Website.git cd Personal_Website -
Install dependencies:
cd frontend yarn install -
Start the development server:
yarn start
-
Open http://localhost:3000 in your browser
yarn buildThe build output will be in the frontend/build folder.
This site is automatically deployed to GitHub Pages via GitHub Actions when changes are pushed to the main branch.
Personal_Website/
├── .github/
│ └── workflows/
│ └── deploy.yml # GitHub Actions deployment workflow
├── frontend/
│ ├── public/ # Static assets
│ ├── src/
│ │ ├── components/ # React components
│ │ │ ├── About.js # About section with experience & skills
│ │ │ ├── Footer.js # Footer with contact info
│ │ │ ├── Hero.js # Hero section with intro
│ │ │ ├── Navbar.js # Navigation bar
│ │ │ └── Projects.js # Projects showcase
│ │ ├── App.js # Main app component
│ │ ├── App.css # Additional styles
│ │ └── index.css # Global styles & Tailwind imports
│ ├── package.json # Dependencies & scripts
│ └── tailwind.config.js # Tailwind configuration
└── README.md
MIT License - feel free to use this as a template for your own portfolio!
- Email: jerry21steele@gmail.com
- LinkedIn: jerry-steele-08a2b012b
- GitHub: yerry262