Build And Deploy Responsive Personal Portfolio Website using ReactJS and Tailwind CSS
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
Get this template from here🔗 https://templatesee.com/template/modern-portfolio-website-in-react-js 🔥Explore Free & premium templates on our website!👇🏻 🔗 https://templatesee.com ✅ For Startups & Businesses – Build a stunning online presence effortlessly. ✅ For Developers – Customize & use it in your projects. ✅ For Learners – Perfect for practicing and improving your web development skills! Modern Responsive Portfolio Website using ReactJS and Tailwind CSS || Build And Deploy from scratch || Beginner friendly project description: In this tutorial you will learn how to build Responsive Personal Portfolio website using ReactJS and Tailwind CSS and also deployed it on internet so that you can showcase to anyone. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👁️ Live Preview: https://portfolio-tcj.netlify.app/ 💬 Join our community WhatsApp :- https://chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- https://t.me/the_coding_journey 🧡 Get the source code absolutely Free || Don't forget to LIKE and SUBSCRIBE 😍 🎁 https://github.com/dilshad-ahmed/portfolio-2 👉🏻 🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code ) https://www.youtube.com/playlist?list=PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Features: ✨ Dark and Light mode Feature using React and Tailwind ✨ Responsive Navbar ✨ Fully responsive app ( All device supported ) ✨ Minimal and Modern Responsive Portfolio website - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - What you will learn: 🔥 How to build Modern Personal Portfolio website using react js. 🔥 You'll implement Dark/Night mode feature. 🔥 You'll install and configure the tailwind css in react project. 🔥 You'll build fully responsive website in reactJS using tailwind CSS 🔥 Best practices and debugging skills. 🔥 How to Deploy website to Server. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⏱ Timestamps 00:00 Demo 01:32 Responsive Demo 03:11 Software Download 04:03 Project Setup 06:51 Tailwind configuration 09:58 Responsive Navbar for desktop 20:09 Dark mode feature with react and tailwind 14:01 Navbar for mobile view 25:38 Hero section 33:16 Skills card section Section 43:36 Experience Section 51:00 Project Section 01:02:46 Contact section 01:09:03 Footer section 01:15:26 Smooth scroll 01:18:46 Final testing 01:20:43 Build and Deployment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Facebook - /thecodingjourney Instagram - /the.coding.journey Twitter - /thecodingjourny - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💼 Packages : tailwind css - https://tailwindcss.com/ react - https://react.dev vite js - https://vitejs.dev/guide/ react icons - https://react-icons.github.io/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - #templatesee #portfolio #portfolioWebsite #reactjs #tailwindcss #tailwind #responsivewebsite #websitedesign #portfoliotemplate #css #webdesign #webdevelopment #frontend #frontenddevelopment #uidesign #thecodingjourney #tcj #css #personalportfolio #htmlcss #uiux #uidesign #reactwebsite
Sobre este curso
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript