A web application built with Angular, Node.js, TypeScript, and GraphQL. It fetches and visualizes data from the Product Hunt API.
- Data Visualization: Displays Product Hunt data in an easy-to-understand format.
- Infinite Scroll: Automatically fetches and displays new products when the user scrolls to the end of the page.
- Pie/Donut Chart: Showcases the topics of the fetched products and their count.
The client side of the application is deployed on Netlify, and the server side is deployed on Render.
You can access the live application here: Product Hunt Visualizer
-
Clone the repository:
git clone https://github.com/EliasAfara/product-hunt-visualizer.git
-
Navigate into the project directory:
cd product-hunt-visualizer
-
Install the dependencies:
npm install
-
Start the application:
npm run dev
This will start the client on port 4200 and server on port 4000 concurrently.