🌱 EcoSpark - Frontend

EcoSpark Hub is a community-driven sustainability platform where eco-conscious innovators can share ideas, vote on solutions, and help build a greener future. This repository contains the frontend client application built with Next.js, featuring a premium design and seamless user experience.

---

🌐 Live URLs

• Frontend Application: https://ecospark-client-seven.vercel.app
• Backend API: https://eco-speark-hub.vercel.app (Production API Endpoint)

---

✨ Features

• 🔐 Advanced Authentication: Secure login, registration, and session management powered by Better-Auth.
• 💡 Idea Ecosystem: Browse, create, and manage eco-friendly ideas with a sleek interface.
• 🗳️ Community Voting: Interactive voting system (Upvotes/Downvotes) to highlight and rank high-impact projects.
• 💬 Social Engagement: Integrated commenting system for collaborative feedback and discussion.
• 💳 Secure Payments: Seamless Stripe integration for project support and community contributions.
• 🛠️ Admin Command Center: Comprehensive dashboard for managing users, ideas, and categories.
• 👤 User Dashboard: Personalized space for members to track their submitted ideas and engagement activity.
• 🌗 Dark Mode Support: Native dark mode for an enhanced viewing experience.
• 📱 Fully Responsive: Optimized for all devices, from mobile phones to high-resolution desktops.

---

🚀 Technologies Used

• Framework: Next.js 16 (App Router)
• Library: React 19
• Styling: Tailwind CSS 4, Lucide React, Shadcn UI
• Data Fetching: TanStack Query (React Query)
• Authentication: Better-Auth
• Form Handling: TanStack Form, Zod
• API Interaction: Axios
• Animations: tw-animate-css
• Notifications: Sonner

---

⚙️ Setup Instructions

Follow these steps to get your local development environment up and running:

1. Clone the Repository

git clone https://github.com/your-username/ecospark-client.git
cd ecospark-client

2. Install Dependencies

pnpm install

3. Environment Configuration

Create a .env.local file in the root directory based on .env.example:

cp .env.example .env.local

Fill in the required credentials:

NEXT_PUBLIC_API_URL=https://ecospark-hub-backend.vercel.app/api/v1
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=pk_test_...
NEXT_PUBLIC_IMGBB_API_KEY=your_key

4. Run the Development Server

pnpm dev

Open http://localhost:3000 with your browser to see the result.

---

📜 Scripts

• pnpm dev: Start development server.
• pnpm build: Build the project for production.
• pnpm start: Start the production server.
• pnpm lint: Run ESLint to check for code quality issues.

---

Developed with ❤️ for a Greener Future.