React

.github/workflows/main.yml

@@ -0,0 +1,22 @@
+name: CI/CD
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '20'
+    - name: Install dependencies
+      run: npm install
+    - name: Run build
+      run: npm run build

README.md

@@ -0,0 +1,99 @@
+# MyPortfolio
+
+Welcome to **MyPortfolio**, a personal portfolio website showcasing projects, skills, and achievements. This project is built using modern web technologies to create a responsive and visually appealing design.
+
+## Features
+
+-   **Responsive Design**: Optimized for all screen sizes, including mobile, tablet, and desktop.
+-   **Dynamic Content**: Showcases projects, certificates, and skills dynamically.
+-   **Modern UI**: Built with Bootstrap and custom CSS for a clean and professional look.
+-   **React Integration**: Components-based architecture for modular and reusable code.
+
+## Technologies Used
+
+-   **Frontend**: React, HTML5, CSS3, JavaScript
+-   **Styling**: Bootstrap 5, Custom CSS
+-   **Build Tool**: Vite
+
+## Installation
+
+To run this project locally, follow these steps:
+
+1. Clone the repository:
+
+    ```bash
+    git clone https://github.com/<your-username>/MyPortfolio.git
+    ```
+
+2. Navigate to the project directory:
+
+    ```bash
+    cd MyPortfolio/my-portfolio
+    ```
+
+3. Install dependencies:
+
+    ```bash
+    npm install
+    ```
+
+4. Start the development server:
+
+    ```bash
+    npm run dev
+    ```
+
+5. Open your browser and navigate to `http://localhost:5173`.
+
+## Deployment
+
+This project can be deployed using GitHub Pages hosting service. To deploy using GitHub Pages:
+
+1. Install the `gh-pages` package:
+
+    ```bash
+    npm install gh-pages --save-dev
+    ```
+
+2. Add the following scripts to your `package.json`:
+
+    ```json
+    "scripts": {
+      "predeploy": "npm run build",
+      "deploy": "gh-pages -d build"
+    }
+    ```
+
+3. Deploy the app:
+    ```bash
+    npm run deploy
+    ```
+
+## Folder Structure
+
+```
+MyPortfolio/
+├── assets/          # Static assets like images, PDFs
+├── components/      # React components
+├── styles.css       # Custom styles
+├── index.html       # Main HTML file
+├── src/             # React source files
+└── README.md        # Project documentation
+```
+
+## Contributing
+
+Contributions are welcome! If you have suggestions or improvements, feel free to open an issue or submit a pull request.
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
+
+## Contact
+
+For any inquiries, please contact:
+
+-   **Name**: Okiror Samuel Vinald
+-   **Email**: okiror1vinald@gmail.com
+-   **GitHub**: [Vinald](https://github.com/vinald)
+-   **LinkedIn**: [Okiror Samuel Vinald](https://linkedin.com/in/okiror-samuel-vinald-91a978254)

eslint.config.js

@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+    },
+  },
+])

index.html

@@ -4,11 +4,12 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/MyPortfolio/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Okiror Samuel Vinald</title>
     <script type="module" crossorigin src="/MyPortfolio/assets/index-yDKTbD8q.js"></script>
     <link rel="stylesheet" crossorigin href="/MyPortfolio/assets/index-nqoOKNkl.css">
   </head>
   <body>
     <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>