I Built a Portfolio website in 6 days in React Using Vite.js

#webdev #website #react #vite

Introduction:

Hi Fellows 👋 I'm excited to share my recent work in web development – building a simple portfolio website from Scratch using Vite.js In just six days,
I made my idea real by using great tools like React, Material-UI (MUI), Swiper, and my own SVG drawings. Get ready as I share the exciting details of this fast-paced development journey.

Setting the Stage with Vite.js

My journey began with the lightning-fast Vite.js & I worked with Vite.js for the first time, and it was a fantastic experience. It installed all my npm packages quickly, sped up the development process, and also helped in production by creating more optimized builds compared to React.js.

React, MUI

I chose React MUI to make things quicker in development because I usually find it better. I personally like React MUI more than Tailwind because it works well with how I do things

On this website, I've also added my own custom CSS, and it's made up of 424 lines.

Swiper

For a dynamic touch, I integrated Swiper.js. This powerful library enabled me to create Beautiful multi sliders and carousels.
I have used Swiper for the first time, and it was a wonderful experience. I really like how it can show both single items and multiple items in slides, giving it a cool double power.

SvG's

I tried to make the website more interesting by adding SVGs. I included them in different parts of the site, grabbing them from various websites. However, I'm not sure if I added them correctly. I'd love to hear your thoughts, so please let me know in the comments.

Visit the website: [https://vite-js-portfolio.vercel.app/]

here is the Github Repo Link: [https://github.com/sufi0900/viteJS-portfolio]

here is preview: [https://res.cloudinary.com/dtvtphhsc/image/upload/v1700935903/Sufian-Mustafa_1_szzxa2.png]

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →