Personal website to share my work and blogs with the world
About • Getting started • Technologies • Deployment • Authors • Acknowledgements
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 decent portfolio, I was still unsatisfied with the result because of some crucial details like not having overall support for accessibility.
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 technologies such as Typescript, Next.js, GraphQL-Request, and GraphQL Code Generator with typescript support made the development flow.
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 secure accessibility making a web developer's life easy.
🚨 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 12.22.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:
yarn install
- Run locally
yarn dev
- Visit
localhost:3000in your browser.
Click the button below to deploy the project on vercel.
- @Hiyudev - Designed and created the project
- MIT License