How To Make A Portfolio Website Using React js and Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 6 июн 2024
  • How To Make A Portfolio Website Using React js and Tailwind CSS
    Code A Program...
    📂Source :
    Startup repo : github.com/Sridhar-C-25/React...
    Final repo : github.com/Sridhar-C-25/react...
    ✌️Live preview link : codeaprogram-portfolio.web.app/
    You Learn:
    react js hooks
    folder structure
    tailwind css
    swiper js
    react icons
    react js packages (ex:react-modal)
    email js
    aos scroll animation
    and more....
    🕐 Timestamps:
    00:00 Demo
    04:48 Mobile Responsive Demo
    06:28 Create Projects
    11:53 Hero Section
    26:20 Skills Section
    39:42 React Modal
    53:50 Services Section
    01:03:48 Projects Section
    01:08:44 Swiper js
    01:17:14 Testimonials Section
    01:28:20 Hire me Section
    01:35:58 Contact Section
    01:49:20 Email js
    02:00:15 Footer
    02:02:11 Navbar
    02:13:56 Scroll Animation
    02:20:00 Final Result
    02:20:28 Thank you
    💼 Packages :
    tailwind css - tailwindcss.com/docs/installa...
    vite js - vitejs.dev/guide/
    swiper js - swiperjs.com/get-started
    email js - www.emailjs.com/docs/
    Aos (animation) - michalsnik.github.io/aos/
    react modal - www.npmjs.com/package/react-m...
    react-hot-toast - react-hot-toast.com/docs
    react icons - react-icons.github.io/react-i...
    👌My vscode extension :
    Color theme : Synthwave 84
    React js Snippet : ES7+ React/Redux/React-Native/JS
    Tailwind css snippet : tailwind css intellisense
    👬 Follow us on :
    Github : github.com/Sridhar-C-25
    Instagram: / codeaprogram
    👍Thanks for watching!
    Make sure to like + Subscribe For More!❤️
    #reactjs #tailwindcss #reactportfolio

Комментарии • 16

  • @moriljeanfrancois8532
    @moriljeanfrancois8532 10 месяцев назад +1

    🎉 wow. Good project. Thanks you so much.

  • @uminhtetoo
    @uminhtetoo Год назад +2

    Thank you so much for sharing your knowledge, Sir.

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад +3

    nice, thanks react and tailwind

  • @mr.daniish
    @mr.daniish Год назад +3

    Pure art!

  • @green_dot7886
    @green_dot7886 Год назад +3

    Awesome

  • @TheMysteriousMinds
    @TheMysteriousMinds Год назад +2

    This is really awesome. This is really i was looking for. U r such a great developer 👏🙌

  • @mrrickr121
    @mrrickr121 10 месяцев назад

    Superb

  • @dimasnytin
    @dimasnytin Год назад +1

    Greatly

  • @triteraerlangga7917
    @triteraerlangga7917 Год назад +2

    Woah thank you, I thought it was impossible to send email from the client side without building an entire server like node mailer, I will try to implement emailJS for my web later

  • @zgaming20
    @zgaming20 Год назад

    can you help me? when i try to run the project, it is a blank page.
    i followed step by step what you showed on the video

  • @alekseyfelk9137
    @alekseyfelk9137 3 месяца назад

    why the local host did not open ?

  • @omal
    @omal Год назад

    learned a lot of things from ur video

  • @nicolassantiagonaranjo482
    @nicolassantiagonaranjo482 Год назад +1

    Which theme are you using?