EcoConnect

A React-based environmental social platform where users can share eco-friendly activities, track their environmental impact, and connect with like-minded individuals.

Project Structure

• my-react-app/ - Frontend React application built with Vite and Material UI

Features

• Home Page: Showcases impact statistics, featured events, and action cards
• Profile Page: Displays user details, interests, badges, and activity feed
• Feed Page: Allows users to create posts and interact with a social feed
• Discovery Page: Helps users find and join environmental communities
• Events Page: Displays upcoming environmental events and allows RSVPs
• Impact Tracking: Dashboard for monitoring environmental impact with statistics and goals

Technologies Used

• React with functional components and hooks
• Material-UI for responsive design
• Vite for fast development and building
• Mock data for demonstration purposes

Getting Started

Prerequisites

• Node.js (v14+ recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone <your-repo-url>
   cd demo_app

2. Install dependencies for the frontend:

   cd my-react-app
   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to:

   http://localhost:5173
   

Future Enhancements

• Backend API integration
• User authentication
• Real-time updates and notifications
• Image upload functionality
• Chart visualizations for impact tracking

License

MIT License

Acknowledgments

• Material-UI for the component library
• Vite for the build tooling