GreenPulse is a modern eco-technology platform designed to empower users, communities, and municipalities with insightful tools, and educational content centered around sustainability, environmental awareness, and smart city infrastructure.
GreenPulse combines cutting-edge technology with sustainability goals to build smarter, greener cities. The platform provides interactive maps showcasing green hotspots, a comprehensive news section for environmental updates, resource guides, and AI-powered services designed to help communities engage in eco-conscious actions.
- Interactive Map: Explore city green hotspots with location details, images, and contact info.
- News Portal: Searchable, sortable, and paginated articles on environmental topics.
- Resource Library: Curated guides, articles, videos, and external links for sustainable living.
- Service Showcase: Highlight AI and IoT-based green solutions with immersive visuals.
- Responsive UI: Modern, accessible design optimized for all devices.
- Next.js — React framework for server-side rendering and static site generation.
- TypeScript — Static type checking for more reliable code.
- Tailwind CSS — Utility-first CSS framework for rapid styling.
- Lucide React — Crisp, customizable SVG icons.
- Leaflet — JavaScript library for interactive maps.
- Framer Motion — Declarative animations and transitions for React.
- Node.js (v16 or higher)
- npm or yarn package manager
- Clone the repo:
git clone https://github.com/Raktim-Mitra/greencity
cd greenpulse
- Install dependencies:
npm install
or
yarn install
- Start the development server:
npm run dev
or
yarn dev
- Open http://localhost:3000 in your browser.
- Navigate the interactive map to discover green hotspots.
- Read and search the latest environmental news.
- Access guides and videos to enhance sustainable practices.
- Explore smart city services.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature/your-feature - Commit your changes:
git commit -m 'Add your feature' - Push to the branch:
git push origin feature/your-feature - Open a pull request for review.
- Thanks to open source creators and the React & Next.js community.
- Special thanks to the authors of Tailwind CSS, Framer Motion, and Leaflet.