DEV Community

Cover image for I Built a Portfolio website in 6 days in React Using Vite.js
Sufian mustafa
Sufian mustafa

Posted on

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

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]

Top comments (2)

Collapse
 
glntn101 profile image
Luke

Great post!

Collapse
 
sufian profile image
Sufian mustafa

Thanks brother 😍😍