The Whiskey Bottle Value Tracker Client is the front-end part of a microservices-based application designed to provide users with up-to-date values of whiskey bottles in an easy-to-understand format. It leverages Vue 3 for a responsive and interactive user interface, displaying data through charts and graphs for better visualization. This client interacts with an API layer that fetches data from a PostgreSQL database hosted on AWS RDS, ensuring real-time accuracy and reliability.
-Real-time Data Visualization: View the latest trends in whiskey values through intuitive charts and graphs.
-User-Friendly Interface: Built with Vue 3, the UI is designed for seamless user experience across devices.
-Search and Filter: Easily search for specific whiskey releases and filter results based on criteria such as rarity, set, and more.
- Node.js (Version 12.x or later)
- NPM (Node Package Manager)
-
Clone the repository
git clone <repository-url> cd vite-project
-
Install dependencies
npm install
-
Environment Configuration
Create a .env file in the root directory and add the API layer's URL:
VUE_APP_API_URL=http://booggle-api-endpoint
-
Run the application
npm run dev
This will start the client app in development mode, accessible via http://localhost:8080.
Once the application is running, you can:
-Browse Bottle Values: Navigate through the app to view charts and graphs depicting whiskey bottle values.
-Search and Filter: Use the search bar and filter options to find specific bottles or sets of interest.
We welcome contributions to the Booggle Whiskey Value Tracker Client! Please follow these steps to contribute:
Fork the repository.
- Create a new branch for your feature (git checkout -b feature/NewFeature).
- Commit your changes (git commit -m 'Add some NewFeature').
- Push to the branch (git push origin feature/NewFeature).
- Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.
##Contact Project Link: [GitHub Repository Link] Developer Contact: Please reach out to Andy Thomas