Project-Veer

• 

  Logo

Inspiration

I wanted to create a web app that acts as a portal to everything else I have worked on. I pictured something that was user-friendly and simple so new users would have an easy time navigating and using my app.

What it does

This app shows users all my other accomplishments and projects; it also includes mini-projects that were not big enough to get their own app (examples include an interactive periodic table, binary to hex calculator, etc). The adventures page is a portal to my larger projects which are centered around artificial intelligence, IoT, and data science.

How I built it

Angular, Material, and Firebase (programmed in typescript).

Challenges I ran into

This was my first time deploying a web app so it was a bit tedious at first but I eventually got the hang of it. This was was also my first time using Firebase and I ran into many errors when fetching the periodic table data from the Cloud Firestore. I also had to build my own grid system using canva for all the graphing tools, I did not use any external libraries which caused production to take longer, however, it has become more customizable for my use cases.

What I learned

I was able to obtain a good grasp of how the angular framework works and I can now use it for other web applications. I also learned CSS grid to a large extent as this was the backbone for my periodic table. Similarly, I refined my skills in canva when I used it to build my graphic calculators.

Built With

• angular-material
• angular.js
• css
• firebase
• html
• typescript