Zeraki Sales Management Dashboard

Zeraki Sales Management Dashboard is a comprehensive platform designed for sales management teams within Zeraki. It provides tools and features to streamline sales processes, manage invoices, track sales performance, and generate insightful reports.

Features

1. Dashboard Overview: Gain insights into sales performance at a glance with comprehensive dashboard cards and graphs.

2. Invoice Management: Create, view, and manage invoices efficiently to streamline the billing process.

3. School Management: Manage school details and access relevant information for effective sales targeting and customer relationship management.

4. Data Visualization: Utilize charts and graphs powered by Chart.js to visualize sales data and track performance over time.

Tech Stack

• Frontend:

  • React: Built with React for a dynamic and interactive user interface.
  • Tailwind CSS: Utilized for responsive and modern styling, ensuring a sleek and intuitive design.
  • Chart.js: Integrated to visualize sales data with interactive charts and graphs.
  • Redux : Employed Redux for state management , facilitating the handling of sales data, invoices, and school details.

• Backend:

  • Node.js: Powered by Node.js for server-side logic and API development.
  • Express.js: Leveraged Express.js as the web application framework for Node.js.
  • MongoDB: Utilized MongoDB as the database for storing sales data, invoices, and school details.

Functionality

The dashboard currently implements basic CRUD (Create, Read, Update, Delete) operations for managing schools and invoices. This includes functionalities such as creating invoices, viewing school details, and retrieving school information.

The project can be further enhanced with more CRUD operations to make it fully functional.

While the project is not 100% functional, it demonstrates the core features of a sales management dashboard and showcases the ability to integrate frontend and backend technologies to build a scalable and efficient application.

Project Scope

The implementation covers essential aspects of sales management, including invoice generation, school management, and sales data visualization. Further development and refinement of features would require a deeper understanding of the company's sales processes and system design.

I demonstrated proficiency in frontend and backend development, as well as the ability to design and implement a sales management dashboard from scratch.

Getting Started

To explore the Zeraki Sales Management Dashboard, follow these steps:

1. Clone the repository to your local environment.
2. Navigate to the client folder and install dependencies using npm install.
3. Run the frontend development server with npm run dev.
4. Navigate to the server folder and install backend dependencies using npm install.
5. Set up environment variables for MongoDB connection .
6. Start the backend server with npm start.
7. You're ready to explore and interact with the dashboard!