My New React Portfolio is out!

Hey Guys!

I have redesigned my portfolio beautifully using, guess what?

Our all-time friend, REACT.JS!

For my previous portfolio, I used Vanilla HTML, CSS, JS and jQuery.

I will be explaining to you the process of how I made my portfolio website.

Hey Guys!

I have redesigned my portfolio beautifully using, guess what?

Our all-time friend, REACT.JS!

For my previous portfolio, I used Vanilla HTML, CSS, JS and jQuery.

I will be explaining to you the process of how I made my portfolio website.

Click Here to view my portfolio.



The steps:



My VSCode Screen:

Alt Text

As you can see in the image below, I organized all of my components in each folder along with it’s own JS and CSS file:

Alt Text

In my portfolio.js file, I added my text and info in constants which I styled with react:

Alt Text

Then, I was done with the portfolio and needed to host it online.

This time, I decided to do something different and hosted it with firebase.

For those of you who don’t know what firebase is, check out this helpful video:

I used the Firebase CLI to deploy my website. It was a pretty easy process.

Finally, I ended with my final website.

I would love to hear your feedback about my portfolio in the comments below.

And rememeber….



Keep Coding Y’All ??‍?


Print Share Comment Cite Upload Translate
APA
Rithik Samanthula | Sciencx (2024-03-28T23:20:13+00:00) » My New React Portfolio is out!. Retrieved from https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/.
MLA
" » My New React Portfolio is out!." Rithik Samanthula | Sciencx - Wednesday April 14, 2021, https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/
HARVARD
Rithik Samanthula | Sciencx Wednesday April 14, 2021 » My New React Portfolio is out!., viewed 2024-03-28T23:20:13+00:00,<https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/>
VANCOUVER
Rithik Samanthula | Sciencx - » My New React Portfolio is out!. [Internet]. [Accessed 2024-03-28T23:20:13+00:00]. Available from: https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/
CHICAGO
" » My New React Portfolio is out!." Rithik Samanthula | Sciencx - Accessed 2024-03-28T23:20:13+00:00. https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/
IEEE
" » My New React Portfolio is out!." Rithik Samanthula | Sciencx [Online]. Available: https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/. [Accessed: 2024-03-28T23:20:13+00:00]
rf:citation
» My New React Portfolio is out! | Rithik Samanthula | Sciencx | https://www.scien.cx/2021/04/14/my-new-react-portfolio-is-out/ | 2024-03-28T23:20:13+00:00
https://github.com/addpipe/simple-recorderjs-demo