Skip to content

gedeon-dev-8/gedeon-oscar-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

43 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Gedeon Oscar Logo. Β  Gedeon Oscar - Portfolio

πŸ“Š Project Stats

Last Commit Repo Size Stars

πŸ› οΈ Tech Stack

React Vite React Router SCSS Font Awesome Framer Motion

A modern, interactive portfolio website showcasing my work as a Creative Frontend Engineer and UI/UX Designer. Built with React and enhanced with smooth Framer Motion animations.

Portfolio Preview Image

✨ Features

  • 🎯 Smooth Animations - Framer Motion powered scroll-triggered animations
  • πŸ“± Fully Responsive - Works seamlessly on all devices
  • 🎨 Modern Design - Clean, professional interface with engaging interactions
  • ⚑ Performance Optimized - Fast load times and smooth 60fps animations
  • πŸ” SEO Friendly - Optimized for search engines

πŸ› οΈ Built With

  • React - UI library
  • Framer Motion - Animation library
  • Bootstrap 5 - CSS framework
  • Sass/SCSS - Styling
  • Font Awesome - Icons

πŸ“‚ Project Structure

portfolio/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ Hero/
β”‚   β”‚   β”œβ”€β”€ About/
β”‚   β”‚   β”œβ”€β”€ Skills/
β”‚   β”‚   β”œβ”€β”€ Experience/
β”‚   β”‚   β”œβ”€β”€ Projects/
β”‚   β”‚   └── Contact/
β”‚   β”œβ”€β”€ assets/
β”‚   β”‚   └── images/
β”‚   └── App.js
β”œβ”€β”€ public/
└── package.json

πŸš€ Getting Started

Prerequisites

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

Installation

  1. Clone the repository
git clone https://github.com/gedeon-dev-8/gedeon-oscar-portfolio.git
  1. Navigate to project directory
cd gedeon-oscar-portfolio
  1. Install dependencies
npm install
  1. Start development server
npm start
  1. Open http://localhost:3000 in your browser

πŸ“¦ Build for Production

npm run build

🎯 Key Sections

  • Hero - Engaging introduction with animated code snippet preview
  • About - Personal background and professional approach
  • Skills - Technical skills with interactive icon animations
  • Experience - Work history with detailed project descriptions
  • Projects - Portfolio of completed works with live demos
  • Contact - Multiple ways to get in touch with copy-to-clipboard functionality

🎨 Animation Highlights

  • Scroll-triggered section animations
  • Parallax effects on images
  • Staggered content reveals
  • Interactive hover states
  • 3D card transformations
  • Smooth page transitions

πŸ“± Responsive Design

  • Mobile-first approach
  • Breakpoints for all device sizes
  • Touch-friendly interactions
  • Optimized performance on all devices

πŸ”— Live Demo

πŸ“„ License

This project is open source and available under the MIT License.

πŸ‘€ Contact

Gedeon Oscar


⭐ If you like this project, please consider giving it a star!

Made with ❀️ by Gedeon Oscar

About

A Personal portfolio showcasing my work as a Creative Frontend Engineer & UI/UX Designer. Built with React, Bootstrap, and Framer Motion for smooth, engaging animations.

Topics

Resources

License

Contributing

Stars

1 star

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors