TerraView is a modern dashboard application for monitoring environmental metrics and sustainability data. It provides real-time visualization of carbon emissions, energy usage, and sustainability scores to help organizations track their environmental impact.
- Real-time emissions monitoring
- Energy savings tracking
- Air quality metrics
- Weekly sustainability trends
- Resource usage analytics
The application follows a component-based architecture using React, with:
- Modular components for each visualization
- Dynamic data fetching with date-range filtering
- Dark/Light theme support
- Responsive design for all screen sizes
- Data is updated on a daily basis
- Emissions data includes transport, energy, and waste metrics
- Sustainability scores are calculated on a 0-100 scale
- Users need historical data access within a defined date range
- React.js - UI Library
- Chosen for its component-based architecture and robust ecosystem
- Tailwind CSS - Styling and UI
- Provides rapid UI development with utility-first approach
- Vite - Build tool
- Offers faster development experience and optimized builds
- Vercel - Hosting and Deployment
- Enables seamless deployment and excellent performance
Follow these steps to run TerraView on your local machine.
- Node.js (v14 or higher)
- npm or yarn package manager
git clone https://github.com/Pappyjay23/TerraView.gitcd TerraViewnpm installRun the development server to view the app.
npm run devNow, you can navigate to http://localhost:5173/ to view the app.
npm run build- The app uses mock data for development purposes
- Data visualization is handled using Recharts library
- Theme switching is managed through React Context
Implementation by @Pappyjay23