This is all the tech stack I used to build my portfolio website
Sadeedpv🥇
Posted on June 20, 2022
Last week I completed my portfolio website and this is all the tech stack I used to build the website which could be helpful for your next project. Before that, here is the link to my:
Portfolio website: https://sadeedpv.github.io/Portfolio-website/
Github repository:https://github.com/Sadeedpv/Portfolio-website
Ok, let's get straight to the point.
I used React as my front-end framework. If you are a beginner and want to learn React, these are a few of the best sources I could find on the Internet.
https://github.com/MoonHighway/learning-react (This repository contains the files for the book Learning React by Alex Banks and Eve Porcello of Moon Highway.)
https://github.com/Asabeneh/30-Days-Of-React (30 Days of React challenge is a step by step guide to learning React in 30 days.)
I used Framer-motion to integrate animations into my website. If you want learn Framer-motion, this you-tube playlist by NetNinja contains all the information you need - https://www.youtube.com/watch?v=2V1WK-3HQNk&list=PL4cUxeGkcC9iHDnQfTHEVVceOEBsOf07i.
I used shoelace.js as my component library. If you want to dive deep into shoelace.js, here is the link https://shoelace.style/frameworks/react
React-icons - I used this npm library to create all the icons you could see on my website 🤠. They provide bootstrap icons, Font-awesome, and Iconsicons. etc
Framer-motion with React-intersection-observer library enables you to display animations on scroll ✨.
This shadow generator helps you to create shadows of your desired style https://shadows.brumm.af/
I used undraw for adding illustrations to my website (https://undraw.co/illustrations).
react-parallax-tilt - This library is very useful in creating tilting animations on hover 🚀
Finally, I used Figma❤️ for prototyping which is a tool that I highly recommend you should learn if you are a front-end developer. It is a powerful tool that helps you to create anything. It is easy to learn and you can find tutorials on youtube.
Thanks, and that's all the technology I used to build this website. Even though it looks terrible in terms of design, I feel like I did make some improvements. (The website is not completely built yet, I still have some broken links to fix.)
Posted on June 20, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.