https://github.com/marwan90679/green-comm-client
Green Commandos is a full-stack MERN web application that connects users with eco-friendly events and initiatives. This client-side React app enables users to register, log in, explore events, and participate in community-driven environmental actions. Built with Firebase Auth, Tailwind CSS, and animated using Framer Motion, it provides a smooth and
https://github.com/marwan90679/green-comm-client
framer-motion react react-router reactjs
Last synced: 3 months ago
JSON representation
Green Commandos is a full-stack MERN web application that connects users with eco-friendly events and initiatives. This client-side React app enables users to register, log in, explore events, and participate in community-driven environmental actions. Built with Firebase Auth, Tailwind CSS, and animated using Framer Motion, it provides a smooth and
- Host: GitHub
- URL: https://github.com/marwan90679/green-comm-client
- Owner: Marwan90679
- Created: 2025-06-25T06:48:52.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T07:03:37.000Z (about 1 year ago)
- Last Synced: 2025-06-25T08:20:04.150Z (about 1 year ago)
- Topics: framer-motion, react, react-router, reactjs
- Language: JavaScript
- Homepage: https://green-commandos.web.app
- Size: 16.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# 🌿 Green Commandos – Client
**Live Site:** [https://green-commandos.web.app](https://green-commandos.web.app)
---
## 📌 Overview
**Green Commandos** is a full-stack MERN web application designed to promote and manage community-driven green initiatives. This **client-side** repository handles the user interface and interaction using modern web technologies and animations.
> ⚠️ *This is a fictional project created for educational and portfolio purposes only.*
---
## ✨ Features
* 🧾 **User Authentication** with Firebase
* 🌍 **Event Listings** & Volunteer Opportunities
* 🎉 **Interactive Animations** powered by Framer Motion
* 🔐 **Protected Routes** for authorized users
* 📱 **Fully Responsive** for all screen sizes
* 📤 **Post or Join Events** easily
* 🔄 **Integrated with Backend API** (MongoDB + Express)
---
## ⚙️ Tech Stack
### 🔗 Frameworks & Libraries
* **React 19**
* **React Router DOM**
* **Tailwind CSS** + **DaisyUI**
* **Firebase Authentication**
* **Framer Motion**
* **React Toastify**
### 🔐 Auth
* Firebase Authentication (Email & Password) & Google (social login)
---
## 🚀 Getting Started
### 🛠 Installation
1. Clone the repository:
```bash
git clone https://github.com/marwan90679/green-commandos-client.git
```
2. Navigate into the project directory:
```bash
cd green-commandos-client
```
3. Install dependencies:
```bash
npm install
```
4. Add your Firebase credentials in a `.env.local` file:
```env
VITE_FIREBASE_API_KEY=your_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id
```
5. Run the development server:
```bash
npm run dev
```
---
## 📝 License
This project is open for educational and portfolio use only.
---