The disruptive and brand-new Digital Herencia Competitive Advantage Retail Analytics Dashboard is a comprehensive tool designed to provide dispensaries in New Mexico with actionable insights through interactive data visualizations. It focuses on competitive pricing, sales trends, and market share analysis, leveraging advanced data visualization and state management techniques.
- 📋 Description: Allows dispensaries to compare their product prices against competitors.
- 🖥️ Technology: Heads-up display technology.
- 🛒 Implementation: Utilizes RESTful API to fetch competitive pricing data and display comparisons in a user-friendly format.
- 🗃️ Description: Presents time-series analysis of sales data to aid trend identification and forecasting.
- 📊 Technology: Nivo charts.
- 📈 Implementation: Uses Nivo’s line charts to depict sales trends over time, with data fetched from the backend via RESTful APIs.
- 📖 Description: Analyzes and displays market share by zip code using GIS data.
- 🗺️ Technology: Mapbox maps, pie charts.
- 📍 Implementation: Integrates Mapbox for geographical visualization and Nivo pie charts for market share representation. Data is processed and visualized based on zip code analysis.
- Frontend: React, Material-UI
- State Management: Redux
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JWT (JSON Web Tokens)
- Data Visualization: Nivo, Mapbox
To install and run this project locally:
-
Clone the repository:
git clone https://github.com/yourusername/retail-analytics-dashboard.git
-
Navigate to the project directory:
cd retail-analytics-dashboard -
Install frontend dependencies:
cd client npm install -
Install backend dependencies:
cd ../server npm install -
Set up environment variables by creating a .env file in the root of the server directory with the following content:
MONGODB_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret
Note
Make sure to install all dependencies and create the .env file with the required environment variables
To start the development server, run the following commands:
- Start the frontend:
cd client npm start - Start the backend:
cd ../server npm start
Tip
Use your own MongoDB connection string in the .env file and load in your custom data!
Contributions are welcome! Please contact us for our contributing guidelines before submitting a pull request.
This project is licensed under the GNU General Public License version 3.0 - see the LICENSE file for details.
For any inquiries or feedback, please reach out to us at DigitalHerencia@Outlook.com
