Kevin Jijon — Portfolio Website

This is my personal portfolio website built with React to showcase my background, projects, and experiences in computer science.

---

✨ Features

• Responsive, modern design across desktop and mobile.
• Modular React components for easy updates and scalability.
• Sections include:
  • Hero (intro + call-to-action)
  • About (background and interests)
  • Experience (timeline of roles/projects)
  • Skills (interactive terminal-style section)
  • Contact (contact information and links)
• Clean project structure with reusable UI elements.

---

🛠️ Tech Stack

• React (Vite) — frontend framework
• JavaScript
• CSS3 with modular styling
• Vercel — deployment
• ESLint — linting and style consistency

---

📂 Project Structure

my-portfolio/ ├── .devcontainer/ # Development container config ├── public/ # Static assets and index.html ├── src/ │ ├── components/ # Reusable components (Button, Contact, etc.) │ ├── constants/ # Static data (experience timeline, terminal data) │ ├── sections/ # Page sections (Hero, About, Experience) │ ├── App.jsx # Main app component │ ├── main.jsx # App entry point │ └── index.css # Global styles ├── package.json # Project metadata and dependencies ├── eslint.config.js # ESLint configuration ├── .gitignore # Git ignored files └── README.md # Project documentation

---

🚀 Getting Started

Prerequisites

• Node.js (>= 18) and npm installed

Installation

bash

Clone the repository

git clone https://github.com/kevJ711/my-portfolio.git cd my-portfolio

Install dependencies

npm install

Deployment

The site is deployed using Vercel.
To create a production build locally:
bash

npm run build

Then deploy using:

vercel deploy

📈 Future Improvements

• Add a backend (Flask/Express) for a dynamic contact form
• Create a blog section with posts pulled from markdown or a CMS
• Add a dark mode toggle for accessibility

📸 Screenshot

👤 Author

Kevin Jijon

📧 [email protected]

💼 LinkedIn

💻 GitHub