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.