A climate-focused educational web platform built for the NASA Space Apps Challenge.
Solo-developed and deployed by Abdullah Al Azad.
License: MIT
Learn4Climate is a web-based platform crafted as part of the NASA Space Apps Challenge 2024. Its purpose is to raise awareness and educate users about climate issues through an interactive, engaging design focused on accessibility and data-driven insights.
- Interactive Climate Education – Presents climate impact information in a user-friendly and immersive way.
- Responsive Design – Ensures seamless usage across mobile and desktop devices.
- Performance-Optimized – Fast and lightweight experience thanks to efficient frontend practices.
- Modern Frontend Stack – Built with JavaScript, HTML, and CSS using Vite & Tailwind for clean layout and theming.
| Category | Technologies |
|---|---|
| Frontend | JavaScript, HTML, CSS, Vite, Tailwind CSS |
| Hosting | Static deployment (via Render or similar) |
| Concepts | Responsive design, Environmental education |
This stack reflects a modern frontend focus on performance, aesthetics, and accessibility.
/src – Source code (HTML, CSS components, JavaScript logic)
index.html – Entry point with project overview and navigation
package.json – Project dependencies and scripts
postcss.config.js – Tailwind CSS configuration
tailwind.config.js – Design theming and utility settings
vite.config.js – Build configuration for Vite development server
- Participation in Global Hackathon: Designed for the NASA Space Apps Challenge, it demonstrates real-world project delivery under time constraints.
- Climate Advocacy: Educates about climate science aligned with Sustainable Development Goal 13 (SDG13).
- Frontend Proficiency: Highlights mastery in performance-centric web design using modern frontend tooling.
To run this project locally:
git clone https://github.com/azad12614/NASA.git
cd NASA
npm install # Installs dependencies
npm run dev # Launches the Vite development serverThen open your browser to http://localhost:3000 to explore the platform.
- Frontend: JavaScript, HTML, CSS, Vite, Tailwind CSS
- Concepts: Responsive Design, Frontend Performance, Interactive Learning, Climate Education
These keywords help make the project more searchable and impactful—especially for recruiters and in resumes.
- Add Interactive Widgets: Include data visualizations like charts or maps to make climate data more engaging.
- Incorporate Accessibility Enhancements: Add support for screen readers and improved keyboard navigation.
- Deploy Progressive Web App (PWA): Provide offline access and installability.
- Enable Localization: Make the platform available in multiple languages to broaden reach.
Built with passion by Abdullah Al Azad – a full-stack developer dedicated to blending tech with social impact. Feel free to explore, give feedback, or connect!