Project Overview
EcoManage is a full-stack web application designed to help users monitor, analyze, and optimize their resource consumption. It provides a comprehensive dashboard for tracking key metrics related to energy, finance, and environmental impact, enabling informed decision-making for better sustainability and cost-efficiency.
The application features a secure backend API built with Node.js and a responsive, modern frontend built with React and TypeScript.
Features
- Secure User Authentication: Safe and secure registration and login system.
- Interactive Dashboard: A central hub to visualize key metrics and system status at a glance.
- Resource Monitoring: Track real-time data on resource usage.
- In-depth Analytics: Visualize historical data and trends with interactive charts and graphs.
- Optimization Suggestions: Receive actionable insights to improve efficiency and reduce costs.
- Customizable Alerts: Set up and receive notifications for important events or when metrics cross a certain threshold.
- Financial Tracking: Monitor costs and financial performance related to resource management.
- User & System Settings: Easily configure your account and application preferences.
- Light & Dark Theme: Switch between light and dark theme with ease.
Tech Stack
Frontend
- Framework: React
- Language: TypeScript
- UI Components: Shadcn/UI
- Styling: Tailwind CSS
- Routing: React Router
- State Management: React Context API
Backend
- Runtime: Node.js
- Framework: Express.js
- Authentication: JSON Web Tokens (JWT) for stateless authentication.
- Security:
bcryptfor secure password hashing. - Database: MongoDB