GetIt 🚀

A modern freelancing platform designed specifically for college students to connect with opportunities and build their professional careers while studying.

📋 Table of Contents

• Overview
• Features
• Tech Stack
• Getting Started
• Project Structure
• Key Components
• How It Works
• Contributing
• License

🌟 Overview

GetIt is a comprehensive platform that bridges the gap between talented college students and businesses looking for skilled freelancers. The platform provides a structured environment for students to showcase their skills, find relevant projects, and build professional relationships while earning money during their studies.

✨ Features

For Students

• Profile Creation: Build comprehensive profiles showcasing skills, education, and portfolio
• Skill-based Matching: AI-powered matching system to find relevant opportunities
• Project Discovery: Browse and apply to various projects across different domains
• Secure Agreements: Digital contract system with built-in terms and conditions
• Payment Integration: Secure payment processing through Razorpay
• Portfolio Management: Showcase work and build professional reputation

For Recruiters/Companies

• Talent Discovery: Find skilled students based on specific requirements
• Project Posting: Create detailed project listings with requirements and compensation
• Agreement Management: Digital contract creation and management
• Communication Tools: Direct messaging and collaboration features
• Review System: Rate and review student work

Core Platform Features

• Modern UI/UX: Built with shadcn/ui components and Tailwind CSS
• Responsive Design: Optimized for desktop and mobile devices
• Real-time Updates: Live notifications and status updates
• Search & Filtering: Advanced search capabilities with multiple filters
• Analytics Dashboard: Track performance and engagement metrics

🛠 Tech Stack

Frontend

• Next.js 15.1.0 - React framework for production
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library
• Radix UI - Headless UI components
• shadcn/ui - Pre-built component library

Backend & Services

• Firebase - Authentication and real-time database
• Firebase Admin - Server-side Firebase operations
• Google Generative AI - AI-powered features

Payment & External Services

• Razorpay - Payment processing
• React Hook Form - Form handling
• Zod - Schema validation

UI Components & Libraries

• Lucide React - Icon library
• Recharts - Data visualization
• React Day Picker - Date selection
• Sonner - Toast notifications
• Embla Carousel - Carousel component

🚀 Getting Started

Prerequisites

• Node.js (version 18 or higher)
• npm or yarn package manager
• Firebase account for backend services
• Razorpay account for payment processing

Installation

1. Clone the repository

   git clone https://github.com/praneeth622/GetIt.git
   cd GetIt

2. Install dependencies

   npm install
   # or
   yarn install

3. Environment Setup Create a .env.local file in the root directory:

   # Firebase Configuration
   NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
   NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
   
   # Razorpay Configuration
   RAZORPAY_KEY_ID=your_razorpay_key_id
   RAZORPAY_KEY_SECRET=your_razorpay_key_secret
   
   # Google AI
   GOOGLE_AI_API_KEY=your_google_ai_key

4. Run the development server

   npm run dev
   # or
   yarn dev

5. Open your browser Navigate to http://localhost:3000 to see the application.

📁 Project Structure

GetIt/
├── components/           # Reusable UI components
│   ├── ui/              # Base UI components (shadcn/ui)
│   ├── explore/         # Exploration and discovery components
│   ├── agreement/       # Contract and agreement components
│   └── how-it-works-section.tsx
├── app/                 # Next.js app directory
├── lib/                 # Utility functions and configurations
├── hooks/               # Custom React hooks
├── types/               # TypeScript type definitions
├── public/              # Static assets
└── styles/              # Global styles

Key Components

Agreement System

• AgreementContainer: Main container for managing agreements
• AgreementHeader: Contract header with company and student info
• AgreementDetails: Project details and compensation info
• AgreementTerms: Terms and conditions management
• AgreementSignature: Digital signature functionality

Exploration Features

• Mock Data System: Comprehensive data structure for students, projects, and jobs
• Search & Filter: Advanced filtering by skills, location, and project type
• Skill Matching: AI-powered recommendation system

UI Components

• Responsive Design: Mobile-first approach with desktop optimization
• Modern Animations: Smooth transitions and micro-interactions
• Accessible Components: WCAG compliant UI elements

🔄 How It Works

For Students

1. Create Profile: Sign up and build a comprehensive professional profile
2. Discover Opportunities: Browse projects or receive AI-matched recommendations
3. Connect & Collaborate: Apply to projects and communicate with clients
4. Complete Work: Deliver quality work and build professional reputation
5. Get Paid: Receive secure payments through integrated payment system

For Recruiters

1. Create Account: Set up company profile and requirements
2. Post Projects: List opportunities with detailed requirements
3. Review Applications: Browse student applications and portfolios
4. Create Agreements: Generate digital contracts with terms
5. Manage Projects: Track progress and provide feedback

🤝 Contributing

We welcome contributions to GetIt! Here's how you can help:

Development Setup

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

Contribution Guidelines

• Follow the existing code style and conventions
• Write clear, concise commit messages
• Update documentation for any new features
• Ensure all tests pass before submitting
• Add tests for new functionality

Areas for Contribution

• UI/UX Improvements: Enhance user experience and design
• Backend Features: Implement new API endpoints and services
• Testing: Add unit and integration tests
• Documentation: Improve code documentation and guides
• Performance: Optimize application performance
• Accessibility: Improve accessibility features

🐛 Known Issues

• Search functionality may be limited in results (refer to GitHub search for complete results)
• Some components are using mock data and need real API integration
• Payment integration requires proper testing environment setup

📞 Support

For support, email support@getit.com or create an issue in the GitHub repository.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👏 Acknowledgments

• Built with Next.js
• UI components from shadcn/ui
• Icons from Lucide
• Animations by Framer Motion

---

GetIt - Empowering college students to build their professional careers through meaningful freelancing opportunities. 🎓💼