CarbonScope is a modern web application designed to help users track, visualize, and understand carbon emission data. Built with Angular and styled with Tailwind CSS, it provides a responsive and interactive user interface for analyzing environmental impact metrics.
- 📊 Data Visualization: Interactive charts and dashboards to display carbon footprint data clearly.
- 📱 Responsive Design: Fully responsive interface built with Tailwind CSS that works on desktop, tablet, and mobile.
- ⚡ Modern Architecture: Powered by Angular 18+ for high performance and maintainable code.
- 🎨 Clean UI/UX: Intuitive design focused on user experience and data accessibility.
This project is built using the following technologies:
- Framework: Angular (v18+)
- Styling: Tailwind CSS & SCSS
- Language: TypeScript
- Build Tool: Angular CLI
Follow these steps to set up the project locally on your machine.
Ensure you have the following installed:
- Node.js (Latest LTS version recommended)
- npm (Node Package Manager)
- Angular CLI (Install globally via
npm install -g @angular/cli)
-
Clone the repository
git clone https://github.com/thughari/carbon-scope.git cd carbon-scope -
Install dependencies
npm install
-
Run the development server
ng serve
-
Open the application Navigate to
http://localhost:4200/in your browser. The application will automatically reload if you change any of the source files.
To build the project for production:
ng buildThe build artifacts will be stored in the dist/ directory. You can then deploy these files to any static hosting service like GitHub Pages, Vercel, or Netlify.
📧 Contact
email - haribabutatikonda3@gmail.com
Project Link: https://github.com/thughari/carbon-scope