React-Portfolio

Creative Portfolio Platform

A modern React Single Page Application (SPA) built to showcase creative agency projects in a clean, responsive, and interactive portfolio interface.

---

Live Demo

https://robbink-code.github.io/React-Portfolio/

---

Features

• Responsive portfolio landing page
• Dynamic project showcase
• Add new projects dynamically
• Real-time search functionality
• Reusable React components
• Modern responsive UI
• React state management using hooks
• Component-based architecture
• Unit testing with Jest and React Testing Library

---

Technologies Used

• React
• Vite
• JavaScript
• CSS3
• React Hooks
• Jest
• React Testing Library
• GitHub Pages

---

Project Structure

src/
│
├── components/
├── styles/
├── tests/
├── App.jsx
├── main.jsx
└── index.css

---

Installation

Clone the repository:

git clone https://github.com/RobbinK-code/React-Portfolio.git

Navigate into the project folder:

cd React-Portfolio

Install dependencies:

npm install

Start the development server:

npm run dev

---

Deployment

This project is deployed using GitHub Pages.

To deploy:

npm run deploy

---

Testing

Run tests using:

npm test

---

Learning Outcomes Demonstrated

• React component hierarchy
• State management with hooks
• Props and event handling
• Responsive web design
• Dynamic rendering
• Form handling
• Search filtering
• Testing React applications
• GitHub workflow and deployment

---

Future Improvements

• Backend integration
• Authentication
• Dark mode
• Project categories
• Edit/Delete functionality
• Database storage

---

Author

Robbin Kimani

---

License

This project is for educational purposes.