This project involved designing and developing a feature-rich Dashboard Application tailored to meet the operational needs of an internal team of 10 users. The application provides a unified platform for managing customers, projects, users, and sales opportunities while maintaining scalability and efficiency.

The dashboard serves as the central hub for managing core business activities, offering a responsive user interface built with JavaScript, React, Next, Node, Express, Prisma, Bootstrap and backed by a MySQL database. It focuses on:

Streamlining team collaboration.

Providing actionable insights through organized data views.

Ensuring user-friendly navigation with responsive design principles.

Secure Login: Users can log in securely with credentials stored in a users' table. Password reset functionality is included.

User Profiles: Each user can update their profile, including details such as name, email, job title, and role.

Avatar and Dropdown Options: The user's profile picture is shown in the top-right corner, providing quick access to "My Account," "Settings," and "Logout."

User Roles and Permissions:

Sidebar Menu: Customizable with admin privileges to include internal links or external URLs with icons.

Search Bar: Allows for real-time search of customer data, displaying suggestions and recent searches.

Light/Dark Theme Toggle: A display icon enables users to switch between themes.

Customer Table: Stores detailed customer information, including:

Dynamic Fields: Admins can add new fields to adapt to evolving business requirements.

Detail View: Accordion-style widgets for notes, keywords, and service areas enhance data visibility.

Project Listings: Displays projects grouped by type (e.g., Web Design, SEO). Users can sort columns or filter by type.

Project Fields:

Task Features:

Filtered view of customers with "Opportunity" status.

Displays key details such as business name, primary contact, and email.

Responsive Design: Built with React, Next & Bootstrap to ensure a seamless experience across devices.

Scalable Database: Powered by MySQL with support for daily/hourly backups to ensure data integrity.

Dynamic Features:

Frontend: React, Next, Bootstrap

Backend: NodeJs, ExpressJs, MySQL, Prisma

Language: JavaScript

Deployment: Hosted on a AWS server with backup mechanisms for high availability and data security.

This dashboard application significantly enhanced team efficiency by:

Centralizing customer and project data for easy access.

Reducing manual efforts through dynamic task templates and automated processes.

Offering a secure and customizable platform adaptable to evolving business needs.

By blending thoughtful design with robust functionality, this dashboard became an indispensable tool for the internal team, driving productivity and operational excellence.