Wildscape

WildScape: Our platform is to save wildlife. Engage with captivating content, earn Carbon Coins for sanctuaries, and directly fund vital conservation efforts. Turn passion into real impact for nature.

Comment

WildScape: Our Journey to Empower Wildlife Conservation

🌿 Inspiration

Our journey with WildScape began from a profound observation: the escalating celestial damages and the relentless destruction of natural habitats, leaving countless wildlife species without a true home. Witnessing the silent suffering of animals and the rapid degradation of their ecosystems ignited a deep sense of urgency within us. We realized that while many care about wildlife, there's often a disconnect between awareness and actionable impact. This project was born from the desire to bridge that gap, transforming passive concern into active participation in conservation efforts. We envisioned a platform that not only educates and inspires but also directly empowers individuals to contribute to the preservation of our planet's precious biodiversity.

🌍 What It Does

WildScape is a comprehensive digital platform designed to immerse users in the world of wildlife and empower them to become active conservationists. We provide a rich array of features tailored to engage, educate, and facilitate real-world impact:

  • Immersive Wildlife Stories: Captivating articles and narratives about animal behavior, ecological insights, and the latest conservation news.
  • Breathtaking Documentaries: Access to a curated collection of high-quality wildlife documentaries, allowing users to explore diverse ecosystems and species.
  • Interactive Quizzes: Engaging quizzes that test users' knowledge about wildlife and conservation, rewarding them with "Carbon Coins" for correct answers.
  • AI Wildlife Chatbot (WildScapeBot): An intelligent, Gemini-powered AI assistant specialized in wildlife and conservation topics, providing instant answers and educational insights.
  • Exclusive Sanctuary Access: A unique feature allowing users to redeem their earned Carbon Coins for virtual tickets to real-world wildlife sanctuaries, fostering a tangible connection to conservation sites.
  • Daily Wildlife News Alerts: Subscribers receive urgent news and updates on wildlife extinction and conservation efforts directly to their email, keeping them informed and motivated.
  • Carbon Coin Economy: A gamified system where users earn virtual currency (Carbon Coins) through engagement, which can then be used for real-world conservation contributions.

🛠️ How We Built It

Our development process for WildScape began with a clear, albeit small, vision of the core user flow: engage, learn, contribute. We started by sketching out the main user journeys, focusing on how users would interact with content, earn rewards, and ultimately support conservation.

The project was built using a modern and robust tech stack:

  • Frontend: We leveraged React with TypeScript for a dynamic and type-safe user interface. Tailwind CSS was instrumental in rapidly building a beautiful, responsive, and highly customizable design, ensuring a consistent and immersive visual experience across all devices. Lucide React provided a rich library of icons, perfectly complementing our aesthetic without the need for additional UI packages.
  • Backend: Supabase served as our comprehensive backend solution, providing a powerful PostgreSQL database, custom authentication, and the ability to deploy serverless Edge Functions. This allowed us to manage user data, subscriptions, payments, and quiz results efficiently and securely.
  • AI Integration: The Google Gemini API was integrated to power our intelligent WildScapeBot, enabling natural language interactions and providing users with expert knowledge on wildlife.
  • Payment Processing: We integrated Razorpay for secure and seamless subscription payments, allowing users to easily upgrade their plans and unlock premium features.
  • Email System: For our daily news alerts, we implemented an SMTP email system via Supabase Edge Functions, ensuring reliable and secure delivery of critical wildlife updates.

We adopted an iterative development approach, continuously refining features based on our evolving vision and testing. Each component, from the authentication flow to the Carbon Coin system, was meticulously crafted to ensure a smooth and engaging user experience.

🚧 Challenges We Ran Into

Building WildScape presented several significant challenges, pushing our technical boundaries and problem-solving skills:

  • Razorpay Integration (especially Test Mode): Integrating Razorpay, particularly in its test mode, proved to be a complex hurdle. Ensuring the payment flow was correctly initiated, processed, and that the callbacks were handled reliably for updating user subscriptions and carbon coin balances required meticulous debugging and a deep understanding of the payment gateway's API.
  • Supabase RLS and RPC Functions: Working with Supabase's Row Level Security (RLS) policies and Remote Procedure Call (RPC) functions was a steep learning curve. We needed to carefully design our database schema and RPC functions to bypass RLS for specific administrative and backend operations (like user registration, login, and carbon coin deductions) while maintaining strict security for user data. This involved extensive testing to ensure data integrity and prevent unauthorized access.
  • Dynamic Content and Permissions: Dynamically serving content and features based on user subscription tiers and earned Carbon Coins added layers of complexity to the frontend logic and backend data retrieval. Ensuring that users only accessed content they were entitled to, and that their Carbon Coin balances were accurately reflected and deducted, required robust state management and real-time data synchronization.
  • Email System Reliability: Setting up a reliable SMTP email system via Supabase Edge Functions for daily news alerts involved configuring environment variables, handling external API calls (NewsData.io), and ensuring consistent email delivery, which can be prone to network issues or API rate limits.

✨ Accomplishments That We're Proud Of

Despite the challenges, we are incredibly proud of several key accomplishments:

  • Seamless User Engagement: We successfully created an intuitive and visually appealing platform that encourages users to engage deeply with wildlife content and conservation efforts.
  • Functional Subscription Model: The implementation of a robust subscription system with Razorpay, seamlessly integrating payments with user permissions and feature access, is a major achievement.
  • Impactful Carbon Coin System: The innovative Carbon Coin system, which directly links user engagement to tangible conservation contributions (like sanctuary tickets), is a core element we are very proud of. It transforms passive consumption into active participation.
  • AI-Powered Education: The integration of WildScapeBot, providing instant and accurate wildlife information, enhances the educational value of the platform significantly.
  • Comprehensive Admin Panel: The functional admin panel for managing users and email campaigns demonstrates the platform's scalability and administrative capabilities.
  • Contributing to Conservation: Ultimately, we are most proud of building a platform that has the potential to make a real difference in wildlife conservation by fostering a community of informed and active supporters.

📚 What We Learned

This project was a tremendous learning experience across multiple domains:

  • Deep Dive into Supabase: We gained extensive knowledge in leveraging Supabase beyond basic CRUD operations, including advanced RLS configurations, writing complex RPC functions, and deploying Edge Functions for backend logic.
  • Payment Gateway Nuances: Understanding the intricacies of payment gateway integration, handling webhooks, and managing transaction lifecycles in both test and live environments was invaluable.
  • AI Prompt Engineering: We learned a great deal about crafting effective prompts for AI models like Gemini, understanding how to guide the AI's responses to be accurate, informative, and aligned with the project's mission. This experience has inspired us to explore creating our own specialized chatbots for rich content generation in the future.
  • Full-Stack Development Best Practices: The project reinforced the importance of modular design, clean code architecture, and robust error handling in building a production-ready application.
  • The Power of Community: The support and insights from the Bolt community on Discord and DevPost were incredibly helpful, demonstrating the power of collaborative learning and problem-solving in hackathon environments.

🚀 What's Next for WildScape

The journey for WildScape is just beginning. Our future plans include:

  • Expanding Content: Continuously adding new wildlife stories, documentaries, and quizzes to keep the content fresh and engaging.
  • Enhanced AI Features: Further developing WildScapeBot with more advanced capabilities, such as personalized learning paths, interactive conservation challenges, and real-time data integration from conservation organizations.
  • More Sanctuary Partnerships: Collaborating with more wildlife sanctuaries and conservation projects globally to offer a wider range of impact opportunities through Carbon Coins.
  • Community Features: Implementing social features like user profiles, forums, and leaderboards to foster a stronger community among wildlife enthusiasts.
  • Mobile Application: Developing native mobile applications for iOS and Android to provide a seamless experience on the go.
  • Real-World Impact Tracking: Creating a transparent system to show users the direct impact of their Carbon Coins on conservation efforts, reinforcing their contributions.
  • Advanced Analytics: Implementing analytics to better understand user engagement and optimize content and features for maximum conservation impact.

We are incredibly grateful to the Bolt community on Discord and DevPost for organizing this hackathon and providing the platform and support that made WildScape possible. This project is a testament to what can be achieved when passion meets technology and community.

Built With

Share this project:

Updates

Submission history