Dev: Added CI and update project lists

.github/workflows/app-ci.yml

@@ -0,0 +1,31 @@
+name: Portfolio - CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint code
+        run: npm run lint
+
+      - name: Run tests
+        run: npm test

README.md

@@ -2,15 +2,46 @@
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/1a288b86-2ff9-4ff9-b94d-5de0281a08bc/deploy-status)](https://app.netlify.com/sites/princefelix/deploys)
 
-Complete redesign and development using React. See [Version 1](https://princeafelix.github.io/Prince-Felix-Portfolio/) ![Logo](https://raw.githubusercontent.com/PrinceAFelix/react-portfolio/main/public/favicon-32x32.png)
+A complete redesign and development of my portfolio using React. This version showcases my skills, projects, and achievements in a sleek, modern interface with a focus on user experience.
 
-![preview](https://raw.githubusercontent.com/PrinceAFelix/react-portfolio/main/src/assets/preview.png)
+## Links
 
-## 🎨 Color Reference
+- [Visit the website](https://princefelix.com)
+- [Version 1 (Old Portfolio)](https://princeafelix.github.io/Prince-Felix-Portfolio/)
 
-| Color      | Hex                                                              |
-| ---------- | ---------------------------------------------------------------- |
-| Cod Gray   | ![#1B1B1B](https://via.placeholder.com/10/1B1B1B?text=+) #1B1B1B |
-| Mine Shaft | ![#363636](https://via.placeholder.com/10/363636?text=+) #363636 |
-| Cyan       | ![#2efce9](https://via.placeholder.com/10/2efce9?text=+) #2efce9 |
-| White      | ![#ffffff](https://via.placeholder.com/10/ffffff?text=+) #ffffff |
+## Preview
+
+![Portfolio Preview](https://raw.githubusercontent.com/PrinceAFelix/react-portfolio/main/src/assets/preview.png)
+
+## Features
+
+- **Interactive UI**: React-based components for a responsive and dynamic interface.
+- **About Me**: Information about my background, skills, and career.
+- **Skills**: Displays a list of my technical skills.
+- **Project Showcase**: A section dedicated to projects with links and descriptions.
+- **Contact Form**: A built-in form to get in touch with me!.
+
+## Technologies Used
+
+- **React**: The core framework for building the user interface.
+- **Netlify**: Hosting for fast and secure deployment.
+- **JavaScript/HTML/CSS**: For building the frontend.
+- **Styled Components**: To manage styles in a more modular and readable way.
+- **React Router**: For smooth navigation between sections of the portfolio.
+- **React Testing Library**: For testing React components in an accessible way.
+- **Jest**: A testing framework for unit and integration testing.
+
+## How to Run Locally
+
+To run the project locally, clone the repository and install dependencies:
+
+```bash
+git clone https://github.com/PrinceAFelix/react-portfolio.git
+cd react-portfolio
+npm install
+npm start
+```
+
+## Contributing
+
+Feel free to fork the repository and submit pull requests for any improvements or new features you think would be useful. Contributions are always welcome!