Blend API ✌️

I've created an Angular monorepo that seamlessly integrates the following web applications:

• Weather App
• Hacker News App
• Quotes App
• Calculator App

Acknowledgments

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 📝.

Motivation

• 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.

Technologies and Tools Utilized

• JS Framework:

  • Angular 17+💪

• CSS libraries:

  • Bulma

• Icons:

  • FeatherIcons
  • WeatherIcons

BlendApi Graph Overview

Project Milestones

• Version 1.0

  • Weather Forecast ✅
  • Quotes ✅
  • Hacker News Clone ✅
  • Custom Pagination ✅
  • Custom Notification ✅

• [-] Version 2.0

  • Calculator ✅
  • High Level UML

Local Setup with Nx

1. Install Node LTS version.

   • Open a terminal and type node -v to check if Node is installed.

2. Install Angular CLI using npm install -g @angular/cli.

3. Download or clone this monorepo.

4. Navigate to the project root directory.

5. Run nx install to install all project dependencies and generate the Nx workspace configuration.

6. To start the app, run nx serve from the project root directory. The app will open at http://localhost:4200/.