This application shows the weather forecasting of 5 upcoming days. It also show details view of each day of 3hrs span.
Make sure you have Angular CLI globally installed in your machine, also make sure that npm have been already installed.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build (AOT enablede). Run ng serve -o
for a dev run 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
#Features to be added
- Add Details button on each day weather, that will open details on new page.
- Based on day/night change theme color to light and dark.
- Make UI more intuitive by improving details sections specifically.
- Convert these comopnents to embedable component, so that they can be used as widget using Angular Elements.
- Improve code coverage by testing all code functionally.
#Performance
- Optimize page size, and intial page load, currently it takes 4 seconds.
- Implement server side rendering to improve intial rendering performance.