I've created an Angular monorepo that seamlessly integrates the following web applications:
- Weather App
- Hacker News App
- Quotes App
- Calculator App
The web application utilizes open-source APIs. I extend my gratitude to the following contributors: 👍
- OpenWeather for Weather Forecast ☁️.
- Unofficial HackerNews API for Hacker News 📰.
- Quote Garden for Life Quotes 📝.
- I created this side project during the COVID-19 pandemic to showcase and improve my web development and programming skills. It began as an 'Angular' Single Page Application (SPA) and later evolved into a monorepo, as most of my prior work had been for private clients.
- Since embarking on my journey as a web developer, I hadn't pursued any hobby or side projects. This endeavor is my way of making up for lost time, where I aim to consolidate all the potential projects I could have undertaken into a single application.
My primary focus during development has always been on crafting code that is modular, reusable, and robust. I recognize that there is always room for improvement, and I welcome your feedback and code reviews.
-
JS Framework:
-
CSS libraries:
-
Icons:
-
Version 1.0
- Weather Forecast ✅
- Quotes ✅
- Hacker News Clone ✅
- Custom Pagination ✅
- Custom Notification ✅
-
[-] Version 2.0
- Calculator ✅
- High Level UML
-
Install Node LTS version.
- Open a terminal and type
node -vto check if Node is installed.
- Open a terminal and type
-
Install Angular CLI using
npm install -g @angular/cli. -
Download or clone this monorepo.
-
Navigate to the project root directory.
-
Run
nx installto install all project dependencies and generate the Nx workspace configuration. -
To start the app, run
nx servefrom the project root directory. The app will open athttp://localhost:4200/.