Unsplash image for article hero image

West Coast Swing app - Angular 19

In september last year I started to learn West Coast Swing, a dance and I really enjoy it!

To help my learning journey and remember what I’ve learned I created a web app to gather the moves I already know.

My goal was mainly to

  • practice Angular with some of the latest features
  • use Firebase for :
    • data storage with Cloud Firestore Database
    • Authentication
  • use Vervel for deployment in continuous integration
  • share the project on github for the angular community

Some screenshots

This is still a work in progress, the content for example of all the moves is not filled up yet and the project is meant to evolve (with video description of the moves for example and recommanded moves based on the end partner connection relative to the beginning partner connection of a move :))

To handle the credentials privacy I created a script to create environment files with non versionned dotfiles containing the private informations. I’ve used Vercel to deploy the project so every time I commit a new change everything is automated, a new version is deployed and the website is up to date with no effort.

Interesting points I’ve practiced on this project :

  • To handle the credentials privacy I created a script to create environment files with non versionned dotfiles containing the private informations.
  • Use Firebase and configure the project
  • Use of RxJs for the search with CombineLatest on different Observables
  • Project architecture by features
  • Good use of Typescript with precise typing and usage of a couple of type generics
  • As usual SASS syntax as it’s really clean and concise
  • It’s still a work in progress, I’ll add more features but the base is pretty nice to work on :)
Contact