MoNature – Sustainable Development Platform

MoNature is a web platform dedicated to promoting the United Nations Sustainable Development Goals (SDGs) and encouraging community engagement in environmental initiatives. The site provides a hub where users can explore upcoming events, join a community forum, support environmental causes through donations, play educational games, interact with an AI assistant, and easily get in touch with the organizers.

🌿 Core Sections

• Events – Browse and participate in cleanup days, tree‑planting sessions and other sustainability events. Organizations can contact us to add their own events.
• Community Forum – Share ideas, ask questions and connect with like‑minded individuals to collaborate on green initiatives.
• Donations – Support our cause; donations help fund events and projects that protect the environment.
• Game – An interactive game (in development) designed to teach players about sustainability and environmental stewardship.
• AI Chat – Chat with MoNature’s AI to get instant answers about SDGs, our mission and upcoming events.
• Contact – Reach out via a built‑in form if you have ideas, feedback or partnership requests.
• User accounts – Sign up and log in to personalise your experience and participate in the community.
• Dark/light mode – Toggle between themes for comfortable viewing.

🛠️ Tech Stack

MoNature is built with modern web technologies:

• Frontend: likely Next.js (deployed on Vercel) using TypeScript and React.
• Styling: Tailwind CSS and custom components.
• State/Data: APIs may be backed by Supabase for auth and database services.
• Deployment: The site is hosted on Vercel.

Note: If you’re working on the project locally, consult package.json for the precise dependencies.

🚀 Running Locally

1. Clone the repository

   git clone https://github.com/vincedotcode/monature.git
   cd monature

2. Install dependencies

   npm install
   # or
   pnpm install

3. Set up environment variables

   Create a .env.local file at the project root and provide any required secrets, such as Supabase keys or API endpoints. Example variables might include:

   NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key

   Refer to .env.example (if present) for all expected variables.

4. Start the development server

   npm run dev

   Navigate to http://localhost:3000 (or the port configured in your environment) to view the site.

5. Build for production

   npm run build
   npm start

   This will generate an optimized build and start a production server.

👏 Contributing

Contributions are welcome! Whether you want to report a bug, suggest a feature or add a new section, feel free to open an issue or pull request.

1. Fork the repo and create your branch:

   git checkout -b feature/my-feature

2. Commit your changes:

   git commit -m 'Add my feature'

3. Push to your branch and open a PR:

   git push origin feature/my-feature

Please follow existing code style and include tests if applicable.

📜 License

This project is open-source under the MIT License. See the LICENSE file for details.

🌳 Join Us

MoNature is a growing platform with a mission to protect our planet. Visit monature.vercel.app to explore the live site, join events and connect with the community.