Design portfolio

Project description

The website is a curated collection of my top designs, created over two years of my graphic design career. The website is built using the great Javascript library (React) and uses tailwindcss as a primary styling solution for the website.
The website supports dark mode and also handles the images loading safely, and it works very well on smaller screens thanks to its responsive design.

Technologies and skills used

Process

I initially designed the UI using Figma to better visualize the website, ensuring a more organized layout and streamlining the development process. Next, I initialized a react project using Vite and began writing the code and organizing the components, ensuring the website is data-driven, with the layout and elements dynamically generated based on the supplied data. To add pages (page routing) to the website I used React router which is a very great solution for routing. I also used Behance servers to supply the website with images directly from my Behance account. To ensure a smooth user experience, image loading is managed using built-in asynchronous functions, coupled with a spinner element to indicate the loading state. And at the end I tested the website and then deployed it to a web hosting service like Vercel.

Screenshots

Here are some screenshots shots of the website, but it will be better if you visited the website from the link down.