-
Hero Section
-
Skills section
-
Project section (tablet view)
Inspiration
I was watching a video by “clever programmer” on youtube, where he was teaching how to make a portfolio website using drag and drop method. So I challenged myself to build the same desired portfolio website, but instead of using the drag and drop method, I had to do it using code, using React and Typescript.
What it does
This website is my portfolio website, which showcases some of my recent projects, and my skills, and provides an various options to reach out to me.
How we built it
I’ve built it just by reading the documentations. I had referred to ReactJS Doc, TypeScript doc, and Chakra UI documentation too. Apart from these, I just referred to the design which clever programmer was building in his YouTube video.
Challenges we ran into
I faced some issues while making it responsive, but I learnt how to make websites responsive while using Chakra UI library.
Accomplishments that we're proud of
I have made this website dynamic, which means that, in future if I have to add any project, I just have to add the project details as an object in the projects array, and it will automatically update the site for me.
What we learned
I learnt:
- Building responsive website
- how to build reusable components
- how to use typescript in react projects
What's next for Portfolio Website
Built With
- chakra-ui
- javascript
- react
- typescript
