DEV Community

Mohamed Asry
Mohamed Asry

Posted on

4 3 4 3 2

ReHabit: A Fresh Start for Personal Growth and Environmental Impact

App Name: ReHabit
Theme: “Fresh Starts”
Subtheme: Second Chances and Environmental Renewal

ReHabit is a habit-tracking app that combines personal growth with environmental sustainability. It helps users build healthy habits (like exercising or quitting smoking) while also encouraging eco-friendly actions (such as recycling, planting trees, or reducing energy consumption). The app gamifies the habit-building process by rewarding users for their milestones with actionable tips for a greener lifestyle.

Key Features:
Habit Tracker: Customizable habit tracker with reminders, offering categories like Health, Skill Building, Mindfulness, and Sustainability.
Eco Actions: Users are challenged to complete eco-friendly actions when they hit milestones, such as going plastic-free for a day or planting trees.
Progress Dashboard: Visualizes both personal and environmental progress, showcasing achievements like “Days Plastic-Free” or “Energy Saved.”
Community Feed: Encourages users to share accomplishments and support one another in their eco-friendly journeys.
Sustainability Education: Provides bite-sized tips on sustainability, fostering environmental consciousness.
Gamification: Rewards users with points for completing habits and eco-actions, unlocking badges and exclusive discounts from eco-conscious brands.

Demo
You can view and interact with the app here: [https://github.com/Asry18/rehabit.git]

Repo

https://github.com/Asry18/rehabit.git

Copilot Experience
Throughout the development of Fresh Path, GitHub Copilot significantly enhanced productivity and helped speed up the development process. Here’s how I utilized Copilot:

Code Autocompletion:

Used Copilot to generate boilerplate code for React components, API routes, and MongoDB schemas, saving hours of repetitive coding.
Debugging:

Copilot's suggestions helped me quickly identify and resolve errors, ensuring the app functioned smoothly.
Model Switching:

Leveraged Copilot’s multi-model capability to auto-generate test cases, improving code quality and ensuring robust functionality.
Documentation:

Copilot generated concise, clear comments and documentation snippets to enhance the readability and maintainability of my code.
API Routes:

With Copilot, I generated REST API routes that handled user authentication, habit tracking, and progress updates seamlessly.
Frontend Assistance:

Copilot helped design responsive, accessible UI components using React and Tailwind CSS, reducing time spent on layout and styling.

GitHub Models
I explored GitHub Models for generating REST API endpoints and testing functionalities, allowing me to focus more on the app's logic and user experience rather than technical intricacies.

Conclusion:
ReHabit blends the concept of personal growth with environmental sustainability, empowering users to make positive changes in their lives while helping the planet. GitHub Copilot played a pivotal role in expediting the development process and ensuring clean, error-free code. ReHabit is both scalable and impactful, with the potential to grow into a global platform for habit-building and eco-friendly living.

Potential Impact:
Social Good: Empowers users to better themselves while contributing to environmental sustainability.
Gamification: Makes building good habits more engaging, rewarding, and social.
Environmental Impact: Inspires users to adopt greener habits and reduce their carbon footprint.

Thank you for considering my submission!

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
respect17 profile image
Kudzai Murimi

Great Job!

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay