The Analytical Dashboard is a user-friendly web application designed to provide insights into sales performance through various charts and metrics. The application includes user authentication features, allowing users to log in, sign up, and manage their profiles.
- Login Page: Users can log in using their email and password.
- Signup Page: New users can register by providing their name, email, password, and confirming their password.
- Dashboard Page: Displays various charts, including sales performance and monthly sales graphs.
- Profile Page: Users can view their information and change their password.
- Support Page: A form for users to submit inquiries and support requests.
analytical-dashboard
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── Auth
│ │ │ ├── LoginPage.jsx
│ │ │ └── SignupPage.jsx
│ │ ├── Dashboard
│ │ │ ├── DashboardPage.jsx
│ │ │ ├── Charts
│ │ │ │ ├── SalesPerformanceChart.jsx
│ │ │ │ └── MonthlyGraph.jsx
│ │ │ └── DashboardHeader.jsx
│ │ ├── Profile
│ │ │ └── ProfilePage.jsx
│ │ ├── Support
│ │ │ └── SupportPage.jsx
│ │ └── UI
│ │ ├── Button.jsx
│ │ ├── Input.jsx
│ │ └── Card.jsx
│ ├── context
│ │ └── AuthContext.jsx
│ ├── hooks
│ │ └── useLocalStorage.js
│ ├── styles
│ │ ├── App.css
│ │ └── theme.css
│ ├── App.jsx
│ ├── index.js
│ └── routes.jsx
├── package.json
└── README.md
- Clone the repository:
git clone <repository-url> - Navigate to the project directory:
cd analytical-dashboard - Install the dependencies:
npm install - Start the development server:
npm start
- Access the application in your browser at
http://localhost:3000. - Use the login page to authenticate or the signup page to create a new account.
- Navigate through the dashboard to view sales performance metrics and user profile information.
Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.
This project is licensed under the MIT License.