Skip to content

change-i-network/Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

47 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Connect I Network - Website

Home Page Screenshot

Empowering Communities β€’ Creating Impact β€’ Building Connections

Live Website Donate Volunteer


About Connect I Network

Connect I Network is a dedicated NGO based in Dwarka Mor, Delhi, committed to creating positive social impact through community engagement and sustainable development initiatives. Our organization focuses on connecting people, resources, and opportunities to build stronger, more resilient communities.

🎯 Our Mission

  • Community Empowerment: Strengthening local communities through education and skill development
  • Social Impact: Creating lasting positive change in underserved areas
  • Resource Connection: Bridging gaps between those who need help and those who can provide it
  • Sustainable Development: Implementing long-term solutions for community growth

✨ Key Features

πŸ” User Authentication & Management

  • Secure user registration and login system
  • Personal dashboard for donation and subscription tracking
  • Profile management and session handling

πŸ’° Donation System

  • One-time Donations: Quick and secure payment processing
  • Monthly Subscriptions: Recurring donation management with Razorpay integration
  • Payment Tracking: Complete transaction history and receipts
  • Multiple Payment Methods: Support for various payment options

πŸ“Š User Dashboard

  • Real-time donation history and analytics
  • Subscription management (pause, resume, view details)
  • Payment tracking and status updates
  • Personal contribution insights

🀝 Volunteer Program

  • Online volunteer registration form
  • Skills-based volunteer matching
  • Community engagement opportunities
  • Impact tracking and recognition

πŸ“± Responsive Design

  • Mobile-first responsive interface
  • Optimized for all device sizes
  • Modern, accessible UI/UX design
  • Fast loading and smooth animations

πŸš€ Tech Stack

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • CSS Modules

Backend & Database

  • Node.js
  • Neon Database
  • Razorpay

Authentication & Security

  • Lucia Auth
  • Arctic
  • Secure session management
  • Protected API routes

Deployment & Hosting

  • Vercel
  • Cloudinary

πŸ—οΈ Project Structure

Connect-I-Network/
β”œβ”€β”€ frontend/                    # Next.js Application
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ app/                # App Router (Next.js 13+)
β”‚   β”‚   β”‚   β”œβ”€β”€ api/           # API Routes
β”‚   β”‚   β”‚   β”œβ”€β”€ dashboard/     # User Dashboard
β”‚   β”‚   β”‚   β”œβ”€β”€ donate/        # Donation Pages
β”‚   β”‚   β”‚   β”œβ”€β”€ volunteer/     # Volunteer Registration
β”‚   β”‚   β”‚   └── layout.tsx     # Root Layout
β”‚   β”‚   β”œβ”€β”€ components/        # Reusable Components
β”‚   β”‚   β”‚   β”œβ”€β”€ DonationForm.tsx
β”‚   β”‚   β”‚   β”œβ”€β”€ navbar/
β”‚   β”‚   β”‚   └── ui/
β”‚   β”‚   β”œβ”€β”€ lib/              # Utilities & Config
β”‚   β”‚   └── styles/           # Global Styles
β”‚   β”œβ”€β”€ package.json
β”‚   └── next.config.jsβ”‚
└── README.md

πŸš€ Getting Started

Prerequisites

  • Node.js (v22 or higher recommended)
  • pnpm (Package manager - recommended)
  • Git for version control

πŸ“₯ Installation

  1. Clone the repository

    git clone https://github.com/change-i-network/Website.git
    cd Website
  2. Install dependencies

    cd frontend
    pnpm install
  3. Set up environment variables

    # Create .env.local in frontend directory
    cp .env.example .env.local
    # Add your environment variables (database, Razorpay keys, etc.)
  4. Run the development server

    npm run dev
  5. Open your browser Navigate to http://localhost:3000

πŸ› οΈ Available Scripts

npm run dev      # Start development server
npm run build    # Build for production
npm run start    # Start production server

🌐 Live Demo

🏠 Main Website: https://ngo-website-psi-lake.vercel.app/

πŸ’ Make a Donation: https://ngo-website-psi-lake.vercel.app/donate

🀝 Volunteer With Us: https://ngo-website-psi-lake.vercel.app/volunteer


🀝 Contributing

We welcome contributions from the community! Here's how you can help:

  1. Fork the repository
  2. Create your feature branch
    git checkout -b feature/AmazingFeature
  3. Commit your changes
    git commit -m 'Add some AmazingFeature'
  4. Push to the branch
    git push origin feature/AmazingFeature
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the terms specified in the LICENSE file.


πŸ’¬ Contact & Support

  • Website: Connect I Network
  • Location: Dwarka Mor, Delhi, India
  • Email: Connect through our website contact form

Made with ❀️ for social impact

Join us in creating positive change in our communities

Donate Now

About

Change I Network Website Source Code

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •