HowToDad - LIVE DEMO
A web app to help you become the ULTIMATE Dad! Are you even a dad if you don't "dad joke"?
I started off with a rough wireframe to get an idea of what I wanted to do. Below you can find a link to the Figma doc:
There's also the logo I created:
I chose to use 2 API's in this project.
- Nebular
This was the first time I used Nebular. Really enjoyed exploring a new UI library.
- @ngx-pwa/local-storage
This is a local storage like library for angular, except it interfaces with IndexDB. So it's asynchronous unlike localStorage
- Github
Haven't really used Github. Most projects I work on are on Gitlab. I used Github to plan and manage the project. It's been a pretty cool experience :)
- Sharing jokes through myjson.com, I assumed it will be available long enough to share a link, but storing the user's jokes in local storage would be safer, as people generally don't clear it often.
- I also avoided looking up jokes by Id on the icanhazdadjoke api, as I'm not confident the Id's will always be unique. Thus, I only used it to fetch random jokes.
Run ng serve how-to-dad for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng test to execute the unit tests via Jest.
Run ng e2e to execute the end-to-end tests or keep them running by ng e2e --watch via Cypress.
Run nx affected:e2e to execute the end-to-end tests affected by a change.
Run nx dep-graph to see a diagram of the dependencies of your projects.