DEV Community

Cover image for My New React Portfolio is out!
Rithik Samanthula
Rithik Samanthula

Posted on

5 3

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.

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 πŸ‘¨πŸ»β€πŸ’»

Image of Datadog

Master Mobile Monitoring for iOS Apps

Monitor your app’s health with real-time insights into crash-free rates, start times, and more. Optimize performance and prevent user churn by addressing critical issues like app hangs, and ANRs. Learn how to keep your iOS app running smoothly across all devices by downloading this eBook.

Get The eBook

Top comments (1)

Collapse
 
richtone profile image
Richard Turza β€’

How old are you?

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more