Greeve

This project belong to capstone project on Alterra Academy Flutter Path - Kampus Merdeka Batch 6.

Star ⭐ the repository if you like what you see😉.

🌿 About Greeve

Welcome to Greeve, where sustainable living becomes effortless! 🌍 Greeve is not just another eco-friendly app; it's your gateway to a greener lifestyle. We've identified three common challenges people face in their efforts to protect the environment: lack of information, motivation, and access to eco-friendly products. To overcome these issues, we have designed Greeve with a range of innovative features.

🌿 Greeve Features

📝 Register/Join Membership

Become part of the Greeve community. Sign up to access more challenges, rewards and benefits for sustainable living.

📊 Measure Environmental Impacts

Track your environmental impact. Get detailed data on how your actions affect the planet and see your progress in reducing your carbon footprint.

🛒 View Environment-Friendly Products

Discover eco-friendly products. Browse our curated marketplace for items that help you make greener choices.

📚 View Challenges About the Environment

Stay informed and motivated. Access a wealth of information and participate in challenges designed to promote sustainable living.

💳 Purchase a Product (Manual Transfer)

Buy eco-friendly products with ease. Use our manual transfer payment option to make your purchases securely.

🎯 Personalized Content Recommendations

Enjoy content tailored to you. Our AI provides personalized recommendations based on your interests and eco-friendly goals.

💬 AI Chatbot

Get instant support and tips. Our AI chatbot is here to answer your questions and provide eco-friendly advice.

🏆 View Leaderboard of Challenges & Get Rewards

Compete and earn rewards. Participate in challenges, view the leaderboard, and earn rewards for your sustainable efforts.

Screenshots

Below are some screenshots that demonstrate the usage of the project:

Loading Screen	Splash Screen	On Boarding Page 1
On Boarding Page 2	On Boarding Page 3	Login Screen
Register Screen	Register Success Screen	Forgot Password Screen
OTP Screen	New Password Screen	New Password Success Screen
Showcase 1	Showcase 2	Showcase 3
Showcase 4	Home Screen	Membership Selected Screen
Membership Success Screen	Product Screen	Detail Product Screen
Cart Screen	Payment Screen	Payment Success Screen
Impact Screen	Detail Impact Screen	Profile Screen
Edit Profile Screen	Coin and Voucer Screen	Chatbot Screen 1
Chatbot Screen 2	Challenge Screen	List Challenge Screen
Detail Challenge Screen	Leaderboard Screen	Transaction History Screen

🛠️ Tech Stack

Feature	Package
Splash Screen	another_flutter_splash_screen
Cached Network Image	cached_network_image
Carousel Slider	carousel_slider
Icons	cupertino_icons
Networking	dio
Dotted Border	dotted_border
Charts	fl_chart
Framework	flutter
Card Swiper	flutter_card_swiper
HTML Rendering	flutter_html
SVG Rendering	flutter_svg
State Management	get
HTML Parsing	html
Image Picker	image_picker
Infinite Scroll Pagination	infinite_scroll_pagination
Interactive Bottom Sheet	interactive_bottom_sheet
Internationalization	intl
JWT Decoder	jwt_decoder
Loading Indicator	loading_indicator
Percent Indicator	percent_indicator
Pin Code Fields	pin_code_fields
Shared Preferences	shared_preferences
UI Enhancement	shimmer
Sliding Up Panel	sliding_up_panel
Page Indicator	smooth_page_indicator
Charts	syncfusion_flutter_charts
Core Syncfusion Package	syncfusion_flutter_core
URL Launcher	url_launcher
WebView	webview_flutter
AI Recommendation	flutter_gemini
Chat Interface	dash_chat_2
Environment Variables Management	flutter_dotenv
Translator	translator
Markdown Rendering	flutter_markdown
Tutorial Coach Mark	tutorial_coach_mark
Environment Variables Management	envied

Dev Dependencies

Feature	Package
Code Generation	build_runner
Envied Code Generator	envied_generator

🔨 Build it yourself

1. Run the following command:

   # Clone this repo
   git clone https://github.com/Alterra-Greeve/flutter-capstone.git
   
   # Install all dependencies and run the project
   flutter pub get
   flutter run

2. For chatbot feature, insert the API Key into your project's code. Open the lib/utils/contants/gemini_ai.dart file and replace ApiKey with the API Key you obtained.

   import 'package:flutter_gemini/flutter_gemini.dart';
   
   class GeminiAi {
     static const String apiKey = 'YOUR_API_KEY_HERE';
   }

   If you prefer to use .env to store the API Key, you can use the flutter_dotenv or envied package. Make sure to install the package and add the .env file to your project by storing the API Key inside it. Then, you can access this API Key from your project's code.
3. Perform hot reload or hot restart.