DEV Community

Cover image for How i build my portfolio website.
shaheen amjed
shaheen amjed

Posted on

How i build my portfolio website.

Hi, i am shaheen amjed, a full stack web developer and web designer, after i learned how to code and had a very good experience at coding, i went to learn designing, some fundamentals, after i learned the basics, i noticed that i don't even have a portfolio website, while i already have some good projects to show, so i decided to put all what i learned together to build a standing out portfolio.

here is the website before i start telling you the journey: https://shaheen-amjed.vercel.app

The journey:
first i asked my self what is the things that i want to show the potential clients or visitors, the answer was modernity and trust,
witch means i need to build a minimal modern website with all the design concepts that i have learned,

i chose the fonts, color pattles, and then started to design

for the font i chose Oswald, because it have some kind of strong effect, for the color pattles, i chose: 0D0D0D, F2F2F2, E5E5E5, and gray, i chose those specific colors because they are similar to be warm to the heart and build modernity and trust,

then i moved to designing, it took me like 3 days, since its a one page portfolio, designed it on canva because it actually have a lot of futures that is not in figma and its easer for me, then i started to development,
development took me 7 days, not because its hard, no it was easy, but i really faced a loott of errors and proplames in letting the design match the code and be responsive, but i have learnt so much things from that,

this was a very simple explanation about how i build it,
i used Nextjs, tailwindcss, gsap, framer-motion, and shadcn-ui BTW.
thanks for reading, and i would love to hear about it from you

Top comments (0)