Like many of us on GitHub, I've got a personal website that contains some general information about me and my profile as an engineer.
But, as time has gone on, I've found my portfolio & methods of contact splintering into dozens of accounts, urls, and repositories.
Then, it occurred to me that I have a domain under my control, vsanthanam.com
. I was able to set up subdomains to forward to my profile or project of choice using {identity} [dot] vsanthanam [dot] com
This way, I could easily send someone to, say, my LinkedIn profile with the following easy to remember url: https://linkedin.vsanthanam.com
I wanted to make a visual representation of my online identities and projects, so I built this this simple React.js app that allows a user to easily find exactly what they're looking for.
check it out at launchpad [dot] vsanthanam [dot] com
.
- this project was bootstrapped with create-react-app, and is hosted on firebase.
- additional cra scripts from custom-react-scripts
- CSS preprocessing with LESS
- JavaScript static type checking with flow
- CI with Travis-CI
- make sure you've got node and npm installed on your machine
- clone the repo and run
yarn install
yarn start-stage
launches the app and connects it to a pre-production firebase instance.yarn start
launches the app and connects it to a production firebase instance.yarn test
runs unit tests with Jestyarn stage
deploys the app to a pre-production firebase instance, configured to use the pre-production db on that instance.yarn deploy
deploys the app to whatever firebase environment is in use, configured to use the production db. You can control that setup withfirebase use [environment]
. You can add environments withfirebase use --add