REACT_APP_SANITY_PROJECT_ID = hwvda4do REACT_APP_SANITY_TOKEN = sk0SQ63uxwDRlOihWU3YiVl3PWSUIP1AR4WrostR3TJMTGfL6brX3tLTqV0kNSEcRMN1fwHxqlAwZt8nBCQyR3DwLIqVwYPvHI15bmHzI4zTal4VFJ7Ot5ZvHjb7jZSlWQAAYWep4pUAR3MIScL394M5undIfrlC5DGGhyw2NRlD3E6UJc3m
This is a code repository for the corresponding video tutorial.
Do you know the best way to show your skills to employers or potential clients? Stand out from the crowd by presenting a well-digitalized flexible portfolio and get your dream job.
New major projects coming soon, subscribe to the mailing list to stay up to date https://resource.jsmasterypro.com/newsletter
project_professional_portfolio-master
├─ .eslintrc.js
├─ .github
│ └─ FUNDING.yml
├─ .gitignore
├─ README.md
├─ backend_sanity_portfolio
│ ├─ .eslintrc
│ ├─ .npmignore
│ ├─ README.md
│ ├─ config
│ │ ├─ .checksums
│ │ └─ @sanity
│ │ ├─ data-aspects.json
│ │ ├─ default-layout.json
│ │ ├─ default-login.json
│ │ └─ form-builder.json
│ ├─ dist
│ │ ├─ index.html
│ │ └─ static
│ │ ├─ .gitkeep
│ │ ├─ css
│ │ │ └─ main.css
│ │ ├─ favicon.ico
│ │ └─ js
│ │ ├─ app.bundle.js
│ │ └─ vendor.bundle.js
│ ├─ package-lock.json
│ ├─ package.json
│ ├─ plugins
│ │ └─ .gitkeep
│ ├─ sanity.json
│ ├─ schemas
│ │ ├─ abouts.js
│ │ ├─ brands.js
│ │ ├─ contact.js
│ │ ├─ experiences.js
│ │ ├─ schema.js
│ │ ├─ skills.js
│ │ ├─ testimonials.js
│ │ ├─ workExperience.js
│ │ └─ works.js
│ ├─ static
│ │ ├─ .gitkeep
│ │ └─ favicon.ico
│ ├─ tsconfig.json
│ └─ yarn.lock
├─ build
│ ├─ asset-manifest.json
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ ├─ robots.txt
│ └─ static
│ ├─ css
│ │ ├─ main.3a3b4160.css
│ │ └─ main.3a3b4160.css.map
│ ├─ js
│ │ ├─ main.67fe8f67.js
│ │ ├─ main.67fe8f67.js.LICENSE.txt
│ │ └─ main.67fe8f67.js.map
│ └─ media
│ ├─ about01.080509de05322b7aafda.png
│ ├─ about02.7a3df03410ee756268ec.png
│ ├─ about03.c26c2547bb1a423cf283.png
│ ├─ about04.fa7b3a72ed32b0e25bfb.png
│ ├─ adidas.83df8153294f9137d308.png
│ ├─ amazon.0a8be1f53138b5c52456.png
│ ├─ asus.514bc34955008a92e09f.png
│ ├─ bgIMG.c39101e520e2997fc6d4.png
│ ├─ bgWhite.79658cadae50b3b16ee5.png
│ ├─ bolt.64e7d9d30ece478ef3a0.png
│ ├─ circle.134eeeb1e58895b892195fe8ed63bc9f.svg
│ ├─ cpp.9002a804bbfa0354d0b8.png
│ ├─ css.5721a3928fe43de6baf8.png
│ ├─ email.37b9e890eea501421fbf.png
│ ├─ figma.152e55329b6f1915967e.png
│ ├─ git.a54d3fa44e02f2f61e69.png
│ ├─ graphql.0372057049181c5de51a.png
│ ├─ mobile.145d9ce0157a56f8fcd8.png
│ ├─ nb.98f3253e32cc67a4cb5e.png
│ ├─ node.8683d89cf78ffae3d1f7.png
│ ├─ profile.2acc7e53a0dbddf159cd.png
│ ├─ redux.c9be37e0fece29c624b0.png
│ ├─ sass.36e863bfbcb25c109d00.png
│ ├─ skype.c8d7ee175da5b4c8a8ab.png
│ └─ spotify.2b5e9be1eb1ab501e7cd.png
├─ package-lock.json
├─ package.json
├─ public
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ └─ robots.txt
├─ src
│ ├─ .DS_Store
│ ├─ App.js
│ ├─ App.scss
│ ├─ assets
│ │ ├─ .DS_Store
│ │ ├─ about01.png
│ │ ├─ about02.png
│ │ ├─ about03.png
│ │ ├─ about04.png
│ │ ├─ adidas.png
│ │ ├─ amazon.png
│ │ ├─ api.png
│ │ ├─ asus.png
│ │ ├─ bgIMG.png
│ │ ├─ bgWhite.png
│ │ ├─ bolt.png
│ │ ├─ circle.svg
│ │ ├─ cpp.png
│ │ ├─ css.png
│ │ ├─ email.png
│ │ ├─ figma.png
│ │ ├─ flutter.png
│ │ ├─ git.png
│ │ ├─ graphql.png
│ │ ├─ html.png
│ │ ├─ javascript.png
│ │ ├─ logo-1.png
│ │ ├─ logo.png
│ │ ├─ logo.svg
│ │ ├─ mobile.png
│ │ ├─ mu5.png
│ │ ├─ nb.png
│ │ ├─ node.png
│ │ ├─ profile-3.png
│ │ ├─ profile.png
│ │ ├─ python.png
│ │ ├─ react.png
│ │ ├─ redux.png
│ │ ├─ sass.png
│ │ ├─ skype.png
│ │ ├─ spotify.png
│ │ ├─ typescript.png
│ │ └─ vue.png
│ ├─ client.js
│ ├─ components
│ │ ├─ Navbar
│ │ │ ├─ Navbar.jsx
│ │ │ └─ Navbar.scss
│ │ ├─ NavigationDots.jsx
│ │ ├─ SocialMedia.jsx
│ │ └─ index.js
│ ├─ constants
│ │ ├─ images.js
│ │ └─ index.js
│ ├─ container
│ │ ├─ About
│ │ │ ├─ About.jsx
│ │ │ └─ About.scss
│ │ ├─ Footer
│ │ │ ├─ Footer.jsx
│ │ │ └─ Footer.scss
│ │ ├─ Header
│ │ │ ├─ Header.jsx
│ │ │ └─ Header.scss
│ │ ├─ Skills
│ │ │ ├─ Skills.jsx
│ │ │ └─ Skills.scss
│ │ ├─ Testimonial
│ │ │ ├─ Testimonial.jsx
│ │ │ └─ Testimonial.scss
│ │ ├─ Work
│ │ │ ├─ Work.jsx
│ │ │ └─ Work.scss
│ │ └─ index.js
│ ├─ index.css
│ ├─ index.js
│ └─ wrapper
│ ├─ AppWrap.js
│ ├─ MotionWrap.js
│ └─ index.js
└─ yarn.lock
project_professional_portfolio-master
├─ .eslintrc.js
├─ .github
│ └─ FUNDING.yml
├─ .gitignore
├─ README.md
├─ backend_sanity_portfolio
│ ├─ .eslintrc
│ ├─ .npmignore
│ ├─ README.md
│ ├─ config
│ │ ├─ .checksums
│ │ └─ @sanity
│ │ ├─ data-aspects.json
│ │ ├─ default-layout.json
│ │ ├─ default-login.json
│ │ └─ form-builder.json
│ ├─ dist
│ │ ├─ index.html
│ │ └─ static
│ │ ├─ .gitkeep
│ │ ├─ css
│ │ │ └─ main.css
│ │ ├─ favicon.ico
│ │ └─ js
│ │ ├─ app.bundle.js
│ │ └─ vendor.bundle.js
│ ├─ package-lock.json
│ ├─ package.json
│ ├─ plugins
│ │ └─ .gitkeep
│ ├─ sanity.json
│ ├─ schemas
│ │ ├─ abouts.js
│ │ ├─ brands.js
│ │ ├─ contact.js
│ │ ├─ experiences.js
│ │ ├─ schema.js
│ │ ├─ skills.js
│ │ ├─ testimonials.js
│ │ ├─ workExperience.js
│ │ └─ works.js
│ ├─ static
│ │ ├─ .gitkeep
│ │ └─ favicon.ico
│ ├─ tsconfig.json
│ └─ yarn.lock
├─ build
│ ├─ asset-manifest.json
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ ├─ robots.txt
│ └─ static
│ ├─ css
│ │ ├─ main.3a3b4160.css
│ │ └─ main.3a3b4160.css.map
│ ├─ js
│ │ ├─ main.67fe8f67.js
│ │ ├─ main.67fe8f67.js.LICENSE.txt
│ │ └─ main.67fe8f67.js.map
│ └─ media
│ ├─ about01.080509de05322b7aafda.png
│ ├─ about02.7a3df03410ee756268ec.png
│ ├─ about03.c26c2547bb1a423cf283.png
│ ├─ about04.fa7b3a72ed32b0e25bfb.png
│ ├─ adidas.83df8153294f9137d308.png
│ ├─ amazon.0a8be1f53138b5c52456.png
│ ├─ asus.514bc34955008a92e09f.png
│ ├─ bgIMG.c39101e520e2997fc6d4.png
│ ├─ bgWhite.79658cadae50b3b16ee5.png
│ ├─ bolt.64e7d9d30ece478ef3a0.png
│ ├─ circle.134eeeb1e58895b892195fe8ed63bc9f.svg
│ ├─ cpp.9002a804bbfa0354d0b8.png
│ ├─ css.5721a3928fe43de6baf8.png
│ ├─ email.37b9e890eea501421fbf.png
│ ├─ figma.152e55329b6f1915967e.png
│ ├─ git.a54d3fa44e02f2f61e69.png
│ ├─ graphql.0372057049181c5de51a.png
│ ├─ mobile.145d9ce0157a56f8fcd8.png
│ ├─ nb.98f3253e32cc67a4cb5e.png
│ ├─ node.8683d89cf78ffae3d1f7.png
│ ├─ profile.2acc7e53a0dbddf159cd.png
│ ├─ redux.c9be37e0fece29c624b0.png
│ ├─ sass.36e863bfbcb25c109d00.png
│ ├─ skype.c8d7ee175da5b4c8a8ab.png
│ └─ spotify.2b5e9be1eb1ab501e7cd.png
├─ package-lock.json
├─ package.json
├─ public
│ ├─ favicon.ico
│ ├─ index.html
│ ├─ logo192.png
│ ├─ logo512.png
│ ├─ manifest.json
│ └─ robots.txt
├─ src
│ ├─ .DS_Store
│ ├─ App.js
│ ├─ App.scss
│ ├─ assets
│ │ ├─ .DS_Store
│ │ ├─ about01.png
│ │ ├─ about02.png
│ │ ├─ about03.png
│ │ ├─ about04.png
│ │ ├─ adidas.png
│ │ ├─ amazon.png
│ │ ├─ api.png
│ │ ├─ asus.png
│ │ ├─ bgIMG.png
│ │ ├─ bgWhite.png
│ │ ├─ bolt.png
│ │ ├─ circle.svg
│ │ ├─ cpp.png
│ │ ├─ css.png
│ │ ├─ email.png
│ │ ├─ figma.png
│ │ ├─ flutter.png
│ │ ├─ git.png
│ │ ├─ graphql.png
│ │ ├─ html.png
│ │ ├─ javascript.png
│ │ ├─ logo-1.png
│ │ ├─ logo.png
│ │ ├─ logo.svg
│ │ ├─ mobile.png
│ │ ├─ mu5.png
│ │ ├─ nb.png
│ │ ├─ node.png
│ │ ├─ profile-3.png
│ │ ├─ profile.png
│ │ ├─ python.png
│ │ ├─ react.png
│ │ ├─ redux.png
│ │ ├─ sass.png
│ │ ├─ skype.png
│ │ ├─ spotify.png
│ │ ├─ typescript.png
│ │ └─ vue.png
│ ├─ client.js
│ ├─ components
│ │ ├─ Navbar
│ │ │ ├─ Navbar.jsx
│ │ │ └─ Navbar.scss
│ │ ├─ NavigationDots.jsx
│ │ ├─ SocialMedia.jsx
│ │ └─ index.js
│ ├─ constants
│ │ ├─ images.js
│ │ └─ index.js
│ ├─ container
│ │ ├─ About
│ │ │ ├─ About.jsx
│ │ │ └─ About.scss
│ │ ├─ Footer
│ │ │ ├─ Footer.jsx
│ │ │ └─ Footer.scss
│ │ ├─ Header
│ │ │ ├─ Header.jsx
│ │ │ └─ Header.scss
│ │ ├─ Services
│ │ │ └─ SoftwareDevelopment.tsx
│ │ ├─ Skills
│ │ │ ├─ Skills.jsx
│ │ │ └─ Skills.scss
│ │ ├─ Testimonial
│ │ │ ├─ Testimonial.jsx
│ │ │ └─ Testimonial.scss
│ │ ├─ Work
│ │ │ ├─ Work.jsx
│ │ │ └─ Work.scss
│ │ └─ index.js
│ ├─ index.css
│ ├─ index.js
│ ├─ routes
│ │ └─ routes.js
│ └─ wrapper
│ ├─ AppWrap.js
│ ├─ MotionWrap.js
│ └─ index.js
└─ yarn.lock
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent