Nextjs Rumah Sehat Sales Dashboard

Background

The Sales Dashboard Application is a web-based application that displays sales data, customer data, and product data. The application retrieves the sales data from Google Sheets and presents it in an easy-to-understand dashboard. The customer data and product data are displayed in a table.

Requirements

The Sales Dashboard Application has the following requirements:

  • The application must retrieve sales data from Google Sheets and display it in the sales dashboard.
  • The application must retrieve customer and product data from Google Sheets and display it in the table.
  • The sales dashboard must display total sales, sales by product category, sales by month, sales by region, and top selling products.
  • The table must display customer name, product name, quantity, price, and total.
  • The application must follow a client-server architecture, with the server responsible for retrieving data from Google Sheets and the client responsible for displaying -the data in the dashboard and table.
  • The application must use REST APIs for communication between the client and server.
  • The application must be built using NextJs 13 and Tailwindcss design library.
  • The application must be designed to be easy to use and understand, with a clear and concise interface.
  • The application must be scalable and able to handle large amounts of data.
  • The application must be secure and protect user data from unauthorized access.

Architecture

The Sales Dashboard Application is built using the NextJs 13 framework and the Tailwindcss design library. The application follows a client-server architecture, with the server being responsible for retrieving the data from Google Sheets and the client displaying the data in the dashboard and table. The client communicates with the server using REST APIs.

diagrams drawio (2)

Data Model

The data model for the Sales Dashboard Application consists of three main entities: Sales, Customers, and Products.

Design

The Sales Dashboard Application has two main components: the sales dashboard and the table displaying customer and product data.

Implementation

dashboard

dashboard continued

Conclusion

The Sales Dashboard Application is a web-based application that retrieves sales data from Google Sheets and presents it in a dashboard. The application also displays customer and product data in a table. The application is built using NextJs 13 and Tailwindcss and follows a client-server architecture. The application is designed to be easy to use and understand, with a clear and concise interface.