A personal portfolio website built with React.
It showcases my skills in Web Development, Mobile App Development, Sales & Marketing, and Microsoft Suite.
Includes Resume, Portfolio Projects, Certificates, and Academic Transcript.
- ⚡ Modern UI/UX with responsive layout
- 🧠 Built using React.js
- 🎨 Styled with CSS3
- 🧾 Includes sections for:
- Home
- About
- Resume
- Portfolio
- Awards
- Certificates
- Transcript
- Contact
- 📄 Academic transcript viewer
- 🏅 Certificate showcase with clickable credentials
- 📱 Fully mobile-friendly navigation (hamburger menu)
| Category | Technology |
|---|---|
| Frontend | React.js (JSX components) |
| Styling | CSS3 / Flexbox / Grid |
| Build Tool | Vite / Create React App |
| Deployment | GitHub Pages & Netlify |
| Version Control | Git & GitHub |
my-portfolio/
├── public/
│ ├── images/ # All project and skill images
│ ├── document/ # PDFs (CV, transcript)
│ │ ├── my_CV.pdf
│ │ └── transcript.pdf
│ └── index.html
├── src/
│ ├── components/
│ │ ├── Header.jsx
│ │ ├── Hero.jsx
│ │ ├── About.jsx
│ │ ├── Resume.jsx
│ │ ├── Portfolio.jsx
│ │ ├── Certificates.jsx
│ │ ├── Transcript.jsx
│ │ ├── Blog.jsx
│ │ └── Contact.jsx
│ ├── App.js
│ ├── index.js
│ └── index.css
├── package.json
└── README.md
In the project directory, you can run:
Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
The page reloads automatically when changes are made.
Builds the app for production in the build/ folder.
Optimized for performance, ready for deployment.
Launches the test runner (if tests are added).
Warning: irreversible. Use only if you want full control of configurations.
Clone or download this repository:
git clone https://github.com/Kyekyeku-Tech/My-portfolio.gitNavigate to the project folder:
cd My-portfolio- Install dependencies:
npm install- Start the development server:
npm startOpen your browser at http://localhost:3000
- Email: safo@example.com
- LinkedIn: Safo Oppong
- Portfolio: https://kyekyeku-tech.site
- GitHub: Kyekyeku-Tech
This project is open source and free to use for learning or personal purposes.