This is my Personal Porfolio-Website to showcase my talent in CSS, React and Web Development along with my other projects.
The Website is completly ready. GO and visit the website.
Visit Website Here : apoorv.web.app
The behind-the-scenes stuff and other things.
At first I decided to make a dark mode toggle but I love Dark mode and decided to set it as default mode of the website.
The background is dark blue-black color : #0D0416
The foreground is a bright pinkish color and I slightly mixed my background to make it darker : #D50056
Right now I'm using a Perfect White for Headings and slight Off White(#F4F1F1) for secondary. I intend to change it in the future.
Now I've also added favicon and improved all the project details.
I used React JS to make the website and then used Firebase Hosting to Host the website. But along with React JS following things have significantly helped in the process.
GSAPanduseIntersection: The animations on scoll is provided using GSAP 3.0 and using a custom hook :useIntersection. If you want to know whatuseIntersectionis read about Intersection Observer API on MDN.Figma: I can't stress this enough but using Figma for designing the website beforehand significantly reduced my developement time. I will share Figma Project for this website in future. Check out Figma here.Nodemailer: I'm using nodemailer to send emails for contacting me. It has really reduced my work.Firebase: Firebase is a great service for hosting the website and even check the analytics. I'm using Firebase Analytics/Google Analytics to get the analytics data.- Helpful Community : I just love programming community on Reddit, StackOverflow, Medium, YouTube etc. There numerous tutorials and articles have helped in solving made bugs.
I'm deciding to name all the alpha versions to spell KONOHA, birthplace of Naruto. So, in all, all there would be atmost 6 versions.
The v1 of website is ready and called v1.0KONOHA. But this doesn't mean there would not be further development. Right now, I'm looking to buy a custom domain and deploy it.
Stay tuned for v2
If you have found a bug, some glitch in UI / UX, please open an Issue. If possible do provide a screenshot.
If you want to help add a feature, sorry I want to develop this website completly on my own. I hope you respect that. But at the same time I'm available for your suggestions. Please open an Issue describing your feature(s). Thanks.
Visit the website here. I hope you love it. If hate something or if I've done something wrong email me and I will try to fix it.