Welcome to my portfolio project! I have built this portfolio with the idea of this project serving as template portfolio for students who're passionate about computer science or software professionals to be more specific once again in the field of web development, as I'm a student aspiring to become a full stack developer.
All the data for each section is stored in their respective data files. For examples, if you're planning to add on your own certifications, head on to the certifications component and open up the certifications.data.js file and edit the details to suit your needs.
All the icons, images are stored in the assets folder, where you can replace them with your needs.
Attention ❗ I have used firestore to fetch the blogs as I write blogs pretty often. So, if you feel that some data in your portfolio website needs constant updates then feel free to upload those data in firstore or any database of your choice and fetch them to your component.
The animated illustrations which you see over in the website are lottie files - you can find more cool lottie files in:
Pretty much the same as the standard gatsby application (or kind of similar to react in someways as gatsby is based on react), so all the usual react-scripts are available to your disposal. So, over here I restricted myself to the instructions to only the essentials.
git clone https://github.com/Sethuram52001/portfolio.git
npm install
gatsby develop
Runs the app in the development mode. Open http://localhost:8000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
For deployment, you can use any hosting service which supports ssr sites. For more details you can refer the gatsby docs:
- Gatsby
- Graphql
- react-headroom
- reactstrap
- react-bootstrap
- sass
- firebase
- I have taken some desing and implementation ideas from the iconic Saad Pasta's Portfolio Project