Discover and track your favorite chocolates with ease. Choco Tracker is a web application designed for chocolate enthusiasts to explore, compare prices, and learn more about their favorite treats.
- Overview: Displays a list of chocolates, including details like name, manufacturer, lowest and average prices per 100g, and a direct link to the cheapest retailer.
- Details: Provides a comprehensive view of each chocolate, including all information from the overview, a table of various prices, and a pie chart visualizing its nutritional value.
- Continuous Integration (CI): Automated tests, linting, and format checks are performed on every pull request to ensure code quality and functionality.
- Continuous Deployment (CD): Utilizes an automated deployment pipeline with Netlify for seamless updates.
This project leverages several cutting-edge technologies and packages:
- Angular v17: The core framework providing a robust platform for web application development.
- Ng Zorro: A rich set of UI components for a sleek user interface.
- NGXS: An intuitive state management solution for Angular apps.
- Jest: A JavaScript Testing Framework with a focus on simplicity.
Experience Choco Tracker live: Click here to visit Choco Tracker
To set up the app locally, follow these instructions:
Ensure the following tools are installed on your local machine:
Clone the repository to your local machine:
git clone https://github.com/Talha-Jamil-TJ/choco-tracker.git
cd choco-trackerInstall the required dependencies by running:
npm installStart the development server with:
npm run startOpen http://localhost:4200/ in your browser. The app will automatically reload if you change any of the source files.
To build the project for production:
npm run buildThe build artifacts will be stored in the dist/ directory.
To execute the unit tests:
npm run test- OverviewComponent
main: Contains the latest stable release of the application.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent