Next Level ReactJs Portfolio Website (NEW 2023) ✅ | Responsive Portfolio | ReactJs Beginner Project

GOAL: 10k ❤️🔥 SUBSCRIBERS {{🔵SUBCRIBE TO MY CHANNEL }}
In this video, we will discuss
1. React Js project setup
2. Building your portfolio website
3. Using Styled Components, Material UI
4. Dynamic data for the portfolio
==========================================================

Code Link:
===========================================================
===========================================================
ReactJS tutorial provides basic and advanced concepts of ReactJS. Currently, ReactJS is one of the most popular JavaScript front-end libraries which has a strong foundation and a large community.

ReactJS is a declarative, efficient, and flexible JavaScript library for building reusable UI components. It is an open-source, component-based front-end library that is responsible only for the view layer of the application. It was initially developed and maintained by Facebook and later used in its products like WhatsApp & Instagram.

Our ReactJS tutorial includes all the topics which help to learn ReactJS. These are ReactJS Introduction, ReactJS Features, ReactJS Installation, Pros and Cons of ReactJS, ReactJS JSX, ReactJS Components, ReactJS State, ReactJS Props, ReactJS Forms, ReactJS Events, ReactJS Animation and many more.

Using this react js we are gonna go to build this awesome portfolio website and it's responsive too.
=========✓===============✓✓======
✨Tech I use every day ✨

🌟 Please leave a LIKE ❤️ and SUBSCRIBE for more AMAZING content! 🌟

Hey!! I am Rishav Chanda, Third-year Student at 📍 KIIT 🏫 pursuing Computer Science Engineering 🔌. I enjoy reading books 📚 and solving problems 📝 using Computer Science 💻. This channel is on college, growth 📈 and everything in between. New videos every week 📅. We'll be talking about productivity ⏳, work-life balance, career, and more.

✨ Tags ✨
"react" "6"
"react js" "5"
"reactjs" "4"
"react tutorial" "7"
"reactjs tutorial" "4"
"react installation" "3"
"react tutorial for beginners" "6"
"react js tutorial" "4"
"reactjs tutorial for beginners" "5"
"learn react for beginners" "3"
"react for beginners" "4"
"reactjs for beginners" "3"
"learn react" "5"
"javascript" "4"
"web development" "3"

✨ Hashtags ✨
#portfolio #reactjs #react #nodejs #reactinstallation #reactjssetup #reactprojects

[ragnarlothbrok-xs]

00:02 Creating a modern portfolio website using ReactJs
02:11 Install dependencies and set up CSS styles for default React app.
06:00 Setting up default app.js file with CSS
08:00 Implementing custom theme and creating different components
13:11 Setting up the navigation bar and styling components
15:26 Styling navigation, container, and logo components.
19:36 Creating custom navigation links and button container
21:43 Styling the portfolio website
26:33 Implementing functional navigation and mobile menu
28:44 Creating a styled mobile menu with transition and animation
33:09 Creating hero container and its sections
35:17 Making the website responsive for different media screens
39:31 Adding text content and typewriter effect to the React application
41:45 Creating styles for resume button and subtitle text
46:11 Making buttons functional and adding images to the portfolio website
48:10 Implementing media query and animation

[guilhermemedrano]

I was researching how to style the page and make it responsive using ReactJS, then I found your video. Styling is my weak point and leaving it responsive. Amazing tutorial. Another subscriber.

[rohitumadi]

Best portfolio i have seen on the internet yet

[siainguyen]

Can you create video tutorial background with three js? I really like this

[JAINVISHAL-ne]

great bro keep working and give us this kind of projects 🙌🙌

[xuanlong]

Thanks man. I'm very impressed with it. I'd be happy if I were allowed to use it

[kaifnazeer]

i clone the git repo of this portfolio but when host it on netlify its showing just about and footer its not showing other section just showing bg og that sections. even when i open your hosted portfolio from your github its not showing any section except footer. why this problems are happening please solve that problems.

[Akshay-nkwc]

Bro which ui u use
Tailwind or material ui

[sdbrahm]

bro do you have version of this that uses only scss/scss instead of styled components?

[RishabhSingh-hcnz]

bro can u pls provide manifest.json that you used in html ?thanks for making such great videos i will share with my friends

[daviddmg]

my npx create react-app doesnt work anymore and evreything ive reasearched doesnt work

[orewashubham]

45:52 did anyone solved the check resume button error??

[jagdishjena]

Hey bro Even i am also from KIIT UNIVERSITY, Bhubaneswar

[ManishaSenapati]

Hey rishab, could you make one video on portfolio website building without coding involved it would be a great help ! Like the ones in which we can edit using templates ... Fir people who dont know coding we are finding it difficult! Pls consider this request.

[Codingzon]

Bhaiya thoda explain bhi krdo, apka level hamare se bohut high hai...

[JimohSegun]

❤ hi pls i need a cool explanation about the hero background animation, is there a website where you got it or they were written by you, kindly walk us through it, i really appreciate, I'm currently using this template as my portfolio website and ive being receiving alot of nice comment about it.... so I'll need to prepare if I'm asked how i came about the animation

[learncourses-hnpb]

Have u used virtual environment while creating this project?

[ashmilashmil]

I have an error in importing styled how to solve in appjs

[JasminDragonIroh]

hey i just found your channel, i like it so far and u gained a subscriber:) I don't seem to find the dependency list you talked about :/

[sumeetmamadapur]

can you make bullet points in experience section along wit 3d effects