{"id":29460713,"url":"https://github.com/vero-code/ad-metrics-dashboard","last_synced_at":"2025-10-29T20:51:25.401Z","repository":{"id":245414003,"uuid":"818170870","full_name":"vero-code/ad-metrics-dashboard","owner":"vero-code","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-21T11:24:50.000Z","size":203,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T20:33:24.062Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vero-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-21T08:50:36.000Z","updated_at":"2024-06-21T11:24:53.000Z","dependencies_parsed_at":"2024-06-22T02:41:23.715Z","dependency_job_id":null,"html_url":"https://github.com/vero-code/ad-metrics-dashboard","commit_stats":null,"previous_names":["vero-git-hub/ad-metrics-dashboard","vero-code/ad-metrics-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vero-code/ad-metrics-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fad-metrics-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fad-metrics-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fad-metrics-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fad-metrics-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vero-code","download_url":"https://codeload.github.com/vero-code/ad-metrics-dashboard/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fad-metrics-dashboard/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265233753,"owners_count":23731825,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-14T02:30:53.179Z","updated_at":"2025-10-11T07:32:07.478Z","avatar_url":"https://github.com/vero-code.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ad Metrics Dashboard\n\nAd Metrics Dashboard is a web application designed to visualize advertising performance metrics. It includes a React frontend with a TypeScript-based dashboard that displays metrics in a bar chart and a Spring Boot backend providing the data through a RESTful API.\n\n## Features\n\n- **Frontend**: Built with React and TypeScript.\n    - Displays a dashboard with ad performance metrics in a bar chart.\n    - Allows sorting and filtering of data.\n    - Includes navigation between Home, About, and Dashboard pages.\n\n- **Backend**: Built with Java and Spring Boot.\n    - Provides a RESTful API for fetching advertising data.\n    - Uses mock data for simplicity.\n    - Includes unit tests for checking functionality.\n\n## Getting Started\n\n### Technologies\n\n- Node.js - version 20.14.0\n- npm - version 10.8.1\n- Java Oracle OpenJDK - version 21.0.1\n- Typescript - version 4.9.5\n\n### Installation\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/yourusername/ad-metrics-dashboard.git\n   cd ad-metrics-dashboard\n   \n2. Backend:\n- Navigate to the backend directory:\n\n    ```bash\n    cd backend\n\n- Build and run the Spring Boot application\n    ```bash\n    mvn clean install\n    mvn spring-boot:run\n\n - The backend server will start on http://localhost:8080.\n\n3. Frontend:\n- Navigate to the frontend directory:\n\n  ```bash\n  cd ../frontend\n\n- Install dependencies:\n\n    ```bash\n    npm install\n\n- Start the React application:\n\n    ```bash\n    npm start\n  \n- The frontend server will start on http://localhost:3000.\n\n## Usage\n1. Open your browser and navigate to http://localhost:3000.\n2. Use the navigation bar to switch between Home, About, and Dashboard pages.\n3. On the Dashboard page, you can:\n   - View ad performance metrics in a bar chart.\n   - Sort the data by campaign name, impressions, or clicks using the dropdown menu.\n   - Filter the data by entering a minimum number of impressions.\n\nYou can check the functionality of the application without launching the frontend, through Postman (\"http://localhost:8080/api/ad-performance\") or through unit tests.\n\n## Contributing\n1. Fork the repository.\n2. Create a new branch for your feature or bugfix.\n3. Make your changes.\n4. Submit a pull request.\n\n## License\nThis project is licensed under the MIT License.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvero-code%2Fad-metrics-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvero-code%2Fad-metrics-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvero-code%2Fad-metrics-dashboard/lists"}