Case Study - EcoVerse
A sustainable habit building application. EcoVerse shows user's realtime, measurable impact based on actions logged. EcoVerse also offers fun challenges that help achieve specific environment sustainability goals.
- Industry
- Computer Software
- Year
- Service
- Habit Building
Overview
Welcome to EcoVerse, a sustainable habit-building app designed to help users achieve specific environmental sustainability goals through fun and engaging challenges. EcoVerse is a platform where users can develop and track sustainable habits, participate in various challenges, and make a positive impact on the environment. The app offers fun and interactive ways to adopt eco-friendly practices, helping users contribute to a greener planet.
This progressive web application (PWA) is a part of my entry to Google's Gemini API Developer Competition.
Implementation
EcoVerse is a PWA developed using React.js, a popular JavaScript library. This ensures that the application is highly performant and scalable. The project setup involves running a development server using commands like npm run dev, which facilitates local testing and iteration during the development phase. The use of React.js also allows for easy deployment on platforms like Vercel, providing a straightforward path to bring the application live.
TypeScript is employed throughout the project to enhance code quality and maintainability. By using TypeScript, the developers ensure that the codebase is robust, with early detection of potential errors through static typing. Styling is handled using Tailwind CSS, a utility-first CSS framework that allows for rapid and flexible design implementations. Tailwind CSS is configured through the tailwind.config.ts file, enabling customized design tokens and theme settings that ensure a cohesive visual appearance.
Features -
- Habit Building: Track and manage your sustainable habits.
- Challenges: Participate in various challenges to achieve specific environmental goals.
- Progress Tracking: Monitor your progress and see the realtime impact of your actions.
- Earn badges, action and impact points based on your sustainable activity log.
EcoVerse integrates Google's Gemini AI API to generate push notification content, user specific recommendations, and award user's badges based on predefined rule sets.
Technologies
HTML5
CSS3
JavaScript
TypeScript
ReactJS
TailwindCSS
Git Cli
Github
Vercel
