Personal website to share my work and blogs with the world
About • Getting started • Technologies • Deployment • Authors
The main objective of making a portfolio is to show the world who I am and what I do, show previous projects, and my thoughts. After a good portfolio, I was still unsatisfied with the result because of how polluted some elements were, and how it was kind of painful for me to synchronize content. Also, It wasn't as straightforward as I expected.
So I decided to remake my portfolio from the ground, and the main objective was to ensure everyone could go through my website. And clean up visual pollution and make it direct to the point, making the viewer and my life easier.
Using simple technology stack such as Typescript, Next.js, GraphQL-Request to a fast and reliable solution.
For the UI styling, I made mockups on Figma and transformed them to JSX using Tailwind.css for faster styling with many utilities, like screen-readers only. Also, UI Libraries like Radix UI for creating reusable components.
🚨 Please credit me if you use this project as a base / reference to your own portfolio. Plagiarism is bad🚨
Prerequisites for this project are:
- Node.js version 14.6.0 or later
- MacOS, Windows (including WSL), and Linux are supported
A step-by-step to install and run the project locally.
- Clone the project using the following command or install the zip:
git clone https://github.com/Hiyudev/portfolio.git
- Install all the dependencies:
pnpm install
- Run locally
pnpm dev
- Visit
localhost:3000in your browser.
Click the button below to deploy the project on vercel.
- @Hiyudev - Designed and created the project
- MIT License