Duration 55:27

01 Complete React Portfolio Website Project | NavMenu

21 869 watched
0
578
Published 26 Apr 2021

A portfolio for a web designer. We used React JS to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also, we added smooth scroll in the portfolio which will make the scroll experience really elegant. 🔔subscribe and turn on the notification bell. 👉 Part 00: /watch/U2w7z9k2Cse27 👉 Part 02: /watch/IBl4Wy43NJb34 👉 source code: https://github.com/ShaifArfan/AYANs-portfolio 👉 Live Preview: https://ayans-portfolio.netlify.app/ 👉 Project Playlist: /playlist/PLRv_Gd5w9e7mO-lGxKkNSWiAlsiZHnQYY Timestamps - 00:00 - Project Intro 01:19 - Video Intro 02:45 - React Router DOM 21:43 - Styled Components 30:31 - Responsive CSS 41:55 - Mobile Menu Functionality 54:43 - Video Conclusion Follow Arfan 👇👇 Instagram: https://www.instagram.com/shaifarfan08/ Facebook: https://www.facebook.com/ShaifArfan08/ Twitter: https://twitter.com/shaifarfan08/ 🐱‍🏍 Support The Channel PayPal : https://paypal.me/webcifar ▶ Also Watch : HTML CSS Portfolio Project: /watch/gIDun_50l870u One Page HTML & CSS Project: /watch/Y1DU62bkQFZkU HTML & CSS Landing Page : /watch/IXvNXJ-VCS6VN Mini Project for HTML & CSS : /watch/oNER0R8Xly7XR How To Make A WordPress website: /watch/AfOYJDhDHtDDY ▶ Some useful Playlist : HTML & CSS: /playlist/PLRv_Gd5w9e7mmrNLpQTB9RWMsVoRt2moe Vanilla JavaScript : /playlist/PLRv_Gd5w9e7mmALZQWt_DJErngAFLp-aV Frontend Mentor Challenges: /playlist/PLRv_Gd5w9e7liRWZfoXX1MgNztk2HPMVp 30days30submits Challenge: /playlist/PLRv_Gd5w9e7m7wokXmB9fGtGYw100UKc0 🌐 Join The Community : Our website : https://webcifar.com/ Facebook Page : https://facebook.com/webcifar Facebook group : http://bit.ly/fb-group-webcifar Instagram : https://www.instagram.com/web_cifar/ twitter : https://twitter.com/webcifar Github: https://github.com/WebCifar #webcifar #ayansPortfolio #reactJs

Category

Show more

Comments - 47
  • @
    @webcifar3 years ago 🔔subscribe and turn on the notification bell.
    👉 Hire Us :
    👉 Facebook group :
    👉 Instagram :
    ...
    3
  • @
    @lundrimaliu74852 years ago You have no idea how much am learning for your Portfolio videos <3, keep it up. 1
  • @
    @augustusjohnleyson33073 years ago New Fan! Great video bro.
    Thank you for this!
  • @
    @user-rj4tf2sw9y3 years ago Cool.
    btw Switch was replaced with Routes in react-router-dom v6
    3
  • @
    @anthonysistems3 years ago gracias por el video un saludo desde venezuela 2
  • @
    @No-one-113 years ago Everything Looks good , Nice Projects. But styled Components CSS is complicated for me, gone bouncer😕 !! 1
  • @
    @migueqm2 years ago Hello Bro! I actually have to say you thanks you very much.. Meetings from Colombia. Broth, I got one problem with the animation on hide-item is doesn't run I don't know why I do same lines of you that you did on the tutorial, please help... ...
  • @
    @nientranai16692 years ago which extension do you use to customize the color of css which is inside the backtick ` ` ??? 1
  • @
    @iamshaan133 years ago Sir need help, i try to create this app and face issue that, after using css Home page is not getting hide. 2
  • @
    @priyambikasood78703 years ago How to change the background color from black to white , i.e of the page? 1
  • @
    @elyayo20383 years ago Please how do I fix this error in my code: [ Replace `"react"` with `'react'` prettier/prettier ] 2
  • @
    @TheCodeDealer3 years ago Nice one bro, I make similar content to yours;)
  • @
    @Enthe0genic2 years ago Can you help me? In my menu isn't go to page center and I still have text "This is Home Page" on top.
  • @
    @AM-nm6ts3 years ago please why margin: 0 auto;?
  • @
    @prachifule21562 years ago Which language to use in this full project
  • @
    @ayishatusaeed2 years ago I just started learning react. Is the contact page working @WEB CIFAR
  • @
    @webcifar3 years ago 🔔subscribe and turn on the notification bell.
    👉 Hire Us :
    👉 Facebook group :
    👉 Instagram :
    ...
    3
  • @
    @lundrimaliu74852 years ago You have no idea how much am learning for your Portfolio videos <3, keep it up. 1
  • @
    @augustusjohnleyson33073 years ago New Fan! Great video bro.
    Thank you for this!
  • @
    @user-rj4tf2sw9y3 years ago Cool.
    btw Switch was replaced with Routes in react-router-dom v6
    3
  • @
    @anthonysistems3 years ago gracias por el video un saludo desde venezuela 2
  • @
    @No-one-113 years ago Everything Looks good , Nice Projects. But styled Components CSS is complicated for me, gone bouncer😕 !! 1
  • @
    @migueqm2 years ago Hello Bro! I actually have to say you thanks you very much.. Meetings from Colombia. Broth, I got one problem with the animation on hide-item is doesn't run I don't know why I do same lines of you that you did on the tutorial, please help... ...
  • @
    @nientranai16692 years ago which extension do you use to customize the color of css which is inside the backtick ` ` ??? 1
  • @
    @iamshaan133 years ago Sir need help, i try to create this app and face issue that, after using css Home page is not getting hide. 2
  • @
    @priyambikasood78703 years ago How to change the background color from black to white , i.e of the page? 1
  • @
    @elyayo20383 years ago Please how do I fix this error in my code: [ Replace `"react"` with `'react'` prettier/prettier ] 2
  • @
    @TheCodeDealer3 years ago Nice one bro, I make similar content to yours;)
  • @
    @Enthe0genic2 years ago Can you help me? In my menu isn't go to page center and I still have text "This is Home Page" on top.
  • @
    @AM-nm6ts3 years ago please why margin: 0 auto;?
  • @
    @prachifule21562 years ago Which language to use in this full project
  • @
    @ayishatusaeed2 years ago I just started learning react. Is the contact page working @WEB CIFAR