diff --git a/package-lock.json b/package-lock.json index 47878f9..7826d29 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "framer-motion": "^11.3.8", "react": "^18.3.1", + "react-anchor-link-smooth-scroll": "^1.0.12", "react-dom": "^18.3.1", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" @@ -8739,6 +8741,30 @@ "url": "https://github.com/sponsors/rawify" } }, + "node_modules/framer-motion": { + "version": "11.3.8", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.3.8.tgz", + "integrity": "sha512-1D+RDTsIp4Rz2dq/oToqSEc9idEQwgBRQyBq4rGpFba+0Z+GCbj9z1s0+ikFbanWe3YJ0SqkNlDe08GcpFGj5A==", + "dependencies": { + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0", + "react-dom": "^18.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, "node_modules/fresh": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", @@ -14753,6 +14779,11 @@ "node": ">=0.10.0" } }, + "node_modules/react-anchor-link-smooth-scroll": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/react-anchor-link-smooth-scroll/-/react-anchor-link-smooth-scroll-1.0.12.tgz", + "integrity": "sha512-aaY+9X0yh8YnC0jBfoTKpsiCLdO/Y6pCltww+VB+NnTBPDOvnIdnp1AlazajsDitc1j+cVSQ+yNtaVeTIMQbxw==" + }, "node_modules/react-app-polyfill": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz", diff --git a/package.json b/package.json index 2cb35c4..9c0613d 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,9 @@ "@testing-library/jest-dom": "^5.17.0", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", + "framer-motion": "^11.3.8", "react": "^18.3.1", + "react-anchor-link-smooth-scroll": "^1.0.12", "react-dom": "^18.3.1", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" @@ -36,4 +38,3 @@ ] } } - \ No newline at end of file diff --git a/public/assets/brush.png b/public/assets/brush.png new file mode 100644 index 0000000..6f68aca Binary files /dev/null and b/public/assets/brush.png differ diff --git a/public/assets/close-icon.svg b/public/assets/close-icon.svg new file mode 100644 index 0000000..7e1d2d5 --- /dev/null +++ b/public/assets/close-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/contact-image.jpeg b/public/assets/contact-image.jpeg new file mode 100644 index 0000000..e7d4c9f Binary files /dev/null and b/public/assets/contact-image.jpeg differ diff --git a/public/assets/facebook.png b/public/assets/facebook.png new file mode 100644 index 0000000..5f5a330 Binary files /dev/null and b/public/assets/facebook.png differ diff --git a/public/assets/instagram.png b/public/assets/instagram.png new file mode 100644 index 0000000..bf3d010 Binary files /dev/null and b/public/assets/instagram.png differ diff --git a/public/assets/linkedin.png b/public/assets/linkedin.png new file mode 100644 index 0000000..089dd72 Binary files /dev/null and b/public/assets/linkedin.png differ diff --git a/public/assets/menu-icon.svg b/public/assets/menu-icon.svg new file mode 100644 index 0000000..3941a73 --- /dev/null +++ b/public/assets/menu-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/person-1.jpeg b/public/assets/person-1.jpeg new file mode 100644 index 0000000..214cbce Binary files /dev/null and b/public/assets/person-1.jpeg differ diff --git a/public/assets/person-1.png b/public/assets/person-1.png new file mode 100644 index 0000000..b582b8b Binary files /dev/null and b/public/assets/person-1.png differ diff --git a/public/assets/person-2.jpeg b/public/assets/person-2.jpeg new file mode 100644 index 0000000..102bad4 Binary files /dev/null and b/public/assets/person-2.jpeg differ diff --git a/public/assets/person-2.png b/public/assets/person-2.png new file mode 100644 index 0000000..fc53818 Binary files /dev/null and b/public/assets/person-2.png differ diff --git a/public/assets/person-3.jpeg b/public/assets/person-3.jpeg new file mode 100644 index 0000000..000eaf6 Binary files /dev/null and b/public/assets/person-3.jpeg differ diff --git a/public/assets/person-3.png b/public/assets/person-3.png new file mode 100644 index 0000000..802dffb Binary files /dev/null and b/public/assets/person-3.png differ diff --git a/public/assets/profile-image.png b/public/assets/profile-image.png new file mode 100644 index 0000000..9b867cc Binary files /dev/null and b/public/assets/profile-image.png differ diff --git a/public/assets/project-1.jpeg b/public/assets/project-1.jpeg new file mode 100644 index 0000000..4389f64 Binary files /dev/null and b/public/assets/project-1.jpeg differ diff --git a/public/assets/project-2.jpeg b/public/assets/project-2.jpeg new file mode 100644 index 0000000..8d980ab Binary files /dev/null and b/public/assets/project-2.jpeg differ diff --git a/public/assets/project-3.jpeg b/public/assets/project-3.jpeg new file mode 100644 index 0000000..cbe5aaf Binary files /dev/null and b/public/assets/project-3.jpeg differ diff --git a/public/assets/project-4.jpeg b/public/assets/project-4.jpeg new file mode 100644 index 0000000..f73681f Binary files /dev/null and b/public/assets/project-4.jpeg differ diff --git a/public/assets/project-5.jpeg b/public/assets/project-5.jpeg new file mode 100644 index 0000000..9424582 Binary files /dev/null and b/public/assets/project-5.jpeg differ diff --git a/public/assets/project-6.jpeg b/public/assets/project-6.jpeg new file mode 100644 index 0000000..3ae4165 Binary files /dev/null and b/public/assets/project-6.jpeg differ diff --git a/public/assets/project-7.jpeg b/public/assets/project-7.jpeg new file mode 100644 index 0000000..d8c2894 Binary files /dev/null and b/public/assets/project-7.jpeg differ diff --git a/public/assets/skills-image.png b/public/assets/skills-image.png new file mode 100644 index 0000000..62f129f Binary files /dev/null and b/public/assets/skills-image.png differ diff --git a/public/assets/twitter.png b/public/assets/twitter.png new file mode 100644 index 0000000..28c525d Binary files /dev/null and b/public/assets/twitter.png differ diff --git a/react-portfolio-master.zip b/react-portfolio-master.zip new file mode 100644 index 0000000..d73823e Binary files /dev/null and b/react-portfolio-master.zip differ diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js index e4431ce..e1dcf3a 100644 --- a/src/App.js +++ b/src/App.js @@ -1,22 +1,10 @@ -import logo from './logo.svg'; -import './App.css'; + function App() { return (
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - +
); diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/assets/brush.png b/src/assets/brush.png new file mode 100644 index 0000000..38396bd Binary files /dev/null and b/src/assets/brush.png differ diff --git a/src/assets/close-icon.svg b/src/assets/close-icon.svg new file mode 100644 index 0000000..7e1d2d5 --- /dev/null +++ b/src/assets/close-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/contact-image.jpeg b/src/assets/contact-image.jpeg new file mode 100644 index 0000000..e7d4c9f Binary files /dev/null and b/src/assets/contact-image.jpeg differ diff --git a/src/assets/facebook.png b/src/assets/facebook.png new file mode 100644 index 0000000..5f5a330 Binary files /dev/null and b/src/assets/facebook.png differ diff --git a/src/assets/instagram.png b/src/assets/instagram.png new file mode 100644 index 0000000..bf3d010 Binary files /dev/null and b/src/assets/instagram.png differ diff --git a/src/assets/linkedin.png b/src/assets/linkedin.png new file mode 100644 index 0000000..089dd72 Binary files /dev/null and b/src/assets/linkedin.png differ diff --git a/src/assets/menu-icon.svg b/src/assets/menu-icon.svg new file mode 100644 index 0000000..3941a73 --- /dev/null +++ b/src/assets/menu-icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/person-1.jpeg b/src/assets/person-1.jpeg new file mode 100644 index 0000000..1a67ac3 Binary files /dev/null and b/src/assets/person-1.jpeg differ diff --git a/src/assets/person-1.png b/src/assets/person-1.png new file mode 100644 index 0000000..b582b8b Binary files /dev/null and b/src/assets/person-1.png differ diff --git a/src/assets/person-2.jpeg b/src/assets/person-2.jpeg new file mode 100644 index 0000000..047cbb2 Binary files /dev/null and b/src/assets/person-2.jpeg differ diff --git a/src/assets/person-2.png b/src/assets/person-2.png new file mode 100644 index 0000000..fc53818 Binary files /dev/null and b/src/assets/person-2.png differ diff --git a/src/assets/person-3.jpeg b/src/assets/person-3.jpeg new file mode 100644 index 0000000..adffaf5 Binary files /dev/null and b/src/assets/person-3.jpeg differ diff --git a/src/assets/person-3.png b/src/assets/person-3.png new file mode 100644 index 0000000..802dffb Binary files /dev/null and b/src/assets/person-3.png differ diff --git a/src/assets/profile-image.png b/src/assets/profile-image.png new file mode 100644 index 0000000..9b867cc Binary files /dev/null and b/src/assets/profile-image.png differ diff --git a/src/assets/project-1.jpeg b/src/assets/project-1.jpeg new file mode 100644 index 0000000..4389f64 Binary files /dev/null and b/src/assets/project-1.jpeg differ diff --git a/src/assets/project-2.jpeg b/src/assets/project-2.jpeg new file mode 100644 index 0000000..8d980ab Binary files /dev/null and b/src/assets/project-2.jpeg differ diff --git a/src/assets/project-3.jpeg b/src/assets/project-3.jpeg new file mode 100644 index 0000000..cbe5aaf Binary files /dev/null and b/src/assets/project-3.jpeg differ diff --git a/src/assets/project-3.png b/src/assets/project-3.png new file mode 100644 index 0000000..a253d41 Binary files /dev/null and b/src/assets/project-3.png differ diff --git a/src/assets/project-4.jpeg b/src/assets/project-4.jpeg new file mode 100644 index 0000000..f73681f Binary files /dev/null and b/src/assets/project-4.jpeg differ diff --git a/src/assets/project-5.jpeg b/src/assets/project-5.jpeg new file mode 100644 index 0000000..9424582 Binary files /dev/null and b/src/assets/project-5.jpeg differ diff --git a/src/assets/project-6.jpeg b/src/assets/project-6.jpeg new file mode 100644 index 0000000..3ae4165 Binary files /dev/null and b/src/assets/project-6.jpeg differ diff --git a/src/assets/project-7.jpeg b/src/assets/project-7.jpeg new file mode 100644 index 0000000..d8c2894 Binary files /dev/null and b/src/assets/project-7.jpeg differ diff --git a/src/assets/skills-image.png b/src/assets/skills-image.png new file mode 100644 index 0000000..62f129f Binary files /dev/null and b/src/assets/skills-image.png differ diff --git a/src/assets/twitter.png b/src/assets/twitter.png new file mode 100644 index 0000000..28c525d Binary files /dev/null and b/src/assets/twitter.png differ diff --git a/src/index.js b/src/index.js index d563c0f..30a2b17 100644 --- a/src/index.js +++ b/src/index.js @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; -import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( @@ -10,8 +9,5 @@ root.render( ); - -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); + + \ No newline at end of file diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/reportWebVitals.js b/src/reportWebVitals.js deleted file mode 100644 index 5253d3a..0000000 --- a/src/reportWebVitals.js +++ /dev/null @@ -1,13 +0,0 @@ -const reportWebVitals = onPerfEntry => { - if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { - getCLS(onPerfEntry); - getFID(onPerfEntry); - getFCP(onPerfEntry); - getLCP(onPerfEntry); - getTTFB(onPerfEntry); - }); - } -}; - -export default reportWebVitals; diff --git a/src/setupTests.js b/src/setupTests.js deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.js +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom';