Vite + React

├── Resumev4.pdf ├── vite.config.js ├── .gitignore ├── src ├── main.jsx ├── components │ ├── Footer.jsx │ └── Navbar.jsx ├── App.jsx ├── App.css ├── index.css ├── pages │ ├── Weather.jsx │ ├── Main.jsx │ └── Projects.jsx └── assets │ └── react.svg ├── index.html ├── .eslintrc.cjs ├── README.md ├── package.json └── public └── vite.svg /Resumev4.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/riyad-i/portfolio/HEAD/Resumev4.pdf -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /src/main.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | import { BrowserRouter } from 'react-router-dom' 6 | 7 | 8 | 9 | ReactDOM.createRoot(document.getElementById('root')).render( 10 | 11 | 12 | 13 | 14 | , 15 | ) 16 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |

11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /src/components/Footer.jsx: -------------------------------------------------------------------------------- 1 | 2 | 3 | export default function Footer(){ 4 | 5 | 6 | return ( 7 |

8 | 9 | LinkedIn 10 | Resume 11 | Github 12 | 13 |

14 | ) 15 | } -------------------------------------------------------------------------------- /src/components/Navbar.jsx: -------------------------------------------------------------------------------- 1 | import {Link} from 'react-router-dom' 2 | 3 | 4 | export default function Navbar() { 5 | 6 | return ( 7 | 8 | <> 9 | 10 |

Main
Projects
Weather

17 | 18 | 19 | 20 | 21 | ) 22 | 23 | } -------------------------------------------------------------------------------- /.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { browser: true, es2020: true }, 4 | extends: [ 5 | 'eslint:recommended', 6 | 'plugin:react/recommended', 7 | 'plugin:react/jsx-runtime', 8 | 'plugin:react-hooks/recommended', 9 | ], 10 | ignorePatterns: ['dist', '.eslintrc.cjs'], 11 | parserOptions: { ecmaVersion: 'latest', sourceType: 'module' }, 12 | settings: { react: { version: '18.2' } }, 13 | plugins: ['react-refresh'], 14 | rules: { 15 | 'react-refresh/only-export-components': [ 16 | 'warn', 17 | { allowConstantExport: true }, 18 | ], 19 | }, 20 | } 21 | -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- 1 | // import { useState } from 'react' 2 | import './App.css' 3 | import Navbar from './components/Navbar.jsx' 4 | import { Route, Routes, Navigate } from 'react-router-dom' 5 | import Projects from './pages/Projects' 6 | import Weather from './pages/Weather' 7 | import Main from './pages/Main' 8 | import Footer from './components/Footer.jsx' 9 | 10 | 11 | function App() { 12 | 13 | return ( 14 | <> 15 | 16 | 17 | }/> 18 | }/> 19 | }/> 20 | }/> 21 | 22 |