MicroImpact

Connecting Authentic Micro Creators with Brands

A full-stack influencer marketing platform built for Manipal University Jaipur
Major Project [CC4270] — Bachelor of Technology, Computer and Communication Engineering
Jan – May 2025

---

(This project is still under work)

📌 Overview

MicroImpact is a vetted creator marketplace that connects high-engagement micro creators with brands through verified campaigns, structured collaboration workflows, and real-time performance analytics.

The platform addresses a core problem in the influencer marketing industry — macro influencers have massive followings but low engagement (1–3%), while micro creators with smaller but authentic audiences deliver 3–8% engagement rates and significantly better ROI for brands.

---

👥 Team

Name	Enrollment
Aarna Kakkar	2428010202
Arpita Dutta	2428010218
Aviyansh Manchanda	2428010220
Hemant Kumar Sharma	2428010186

Guide: Dr. Kusum Lata Jain
Department: Computer and Communication Engineering, Manipal University Jaipur

---

🎭 Platform Roles

Micro Creator

Independent content creators with niche audiences and high engagement rates.

• Apply to join the vetted network
• Browse and apply to brand campaigns
• Submit proposals with pitch and pricing
• Deliver content and track performance

Brand

Businesses seeking authentic influencer marketing with measurable results.

• Create and manage campaign briefs
• Review creator proposals
• Accept/reject collaborations
• Monitor deliverables and analytics

Admin

Platform administrators maintaining quality and trust.

• Manage all users, campaigns, and proposals
• Monitor platform-wide analytics
• System health monitoring

---

🗂️ Project Structure

MicroImpact Test/
├── frontend-v3/                  ← Frontend (HTML/CSS/JS)
│   ├── index.html                ← Landing page
│   ├── css/
│   │   ├── style.css             ← Landing page styles
│   │   └── dashboard.css        ← Dashboard styles
│   ├── js/
│   │   ├── api.js                ← API client (connects to backend)
│   │   ├── charts.js             ← Chart.js chart functions
│   │   └── motion.js             ← Scroll animations
│   └── dashboards/
│       ├── login.html            ← Unified login/register page
│       ├── creator.html          ← Creator dashboard
│       ├── brands.html           ← Brand dashboard
│       └── admin.html            ← Admin console (hidden)
│
└── microimpact-backend/          ← Backend (Node.js + Express + MySQL)
    ├── server.js                 ← Entry point
    ├── .env                      ← Environment variables
    ├── sql/
    │   └── schema.sql            ← Database schema + seed data
    ├── config/
    │   └── db.js                 ← MySQL connection pool
    ├── middleware/
    │   └── auth.js               ← JWT authentication + role guard
    ├── controllers/
    │   ├── authController.js     ← Register, login, profile
    │   ├── campaignController.js ← Campaign CRUD
    │   ├── proposalController.js ← Proposal workflow
    │   ├── deliverableController.js ← Content submission
    │   ├── creatorController.js  ← Creator profiles + dashboard
    │   └── adminController.js    ← Admin operations
    └── routes/
        └── index.js              ← All API routes

---

🛠️ Tech Stack

Layer	Technology
Frontend	HTML5, CSS3, Vanilla JavaScript
Backend	Node.js, Express.js
Database	MySQL 8.0
Authentication	JSON Web Tokens (JWT)
Charts	Chart.js
Password Hashing	bcryptjs
Fonts	Google Fonts (Syne, DM Sans)

---

🗄️ Database Schema

Tables

Table	Description
users	All platform users with role (creator/brand/admin)
creator_profiles	Creator niche, engagement rate, follower count
brand_profiles	Company name and industry
campaigns	Brand campaigns with budget and deadline
proposals	Creator applications to campaigns
deliverables	Content URLs submitted by creators

Relationships

users ──< creator_profiles
users ──< brand_profiles
brand_profiles ──< campaigns
campaigns ──< proposals
creator_profiles ──< proposals
proposals ──< deliverables

---

🚀 Setup & Installation

Prerequisites

• Node.js (v16 or higher)
• MySQL 8.0
• MySQL Workbench (optional, for GUI)

1. Clone / Download the project

MicroImpact Test/
├── frontend-v3/
└── microimpact-backend/

2. Set up the database

"C:\Program Files\MySQL\MySQL Server 8.0\bin\mysql.exe" -u root -proot < microimpact-backend/sql/schema.sql

3. Install backend dependencies

cd microimpact-backend
npm install

4. Start the backend server

npm start

You should see:

📁  Serving frontend from: .../frontend-v3
🚀  MicroImpact API  →  http://localhost:5000
✅  MySQL connected  →  127.0.0.1:3306 / microimpact

5. Open the app

Go to http://localhost:5000 in your browser.

---

🔐 Environment Variables

The .env file in microimpact-backend/ contains:

PORT=5000
DB_HOST=127.0.0.1
DB_PORT=3306
DB_USER=root
DB_PASSWORD=root
DB_NAME=microimpact
JWT_SECRET=microimpact_jwt_secret_2024
JWT_EXPIRES_IN=7d

---

👤 Demo Credentials

All demo accounts use password: microimpact123

Name	Email	Role
Avi	avi@mail.com	Creator (Fitness, 12K followers)
Riya	riya@mail.com	Creator (Fashion, 15K followers)
Kabir	kabir@mail.com	Creator (Tech, 10K followers)
Mehta	mehta@mail.com	Creator (Travel, 20K followers)
Nike	nike@mail.com	Brand (Sports)
Adidas	adidas@mail.com	Brand (Sports)
Puma	puma@mail.com	Brand (Sports)
Admin	admin@mail.com	Admin

---

📊 Dashboard Features

Creator Dashboard

• Overview — KPI cards, proposal status chart, monthly activity, live activity feed
• Analytics — Engagement rate, earnings trend, content mix, performance radar, follower growth
• Browse Campaigns — Search and filter live campaigns, apply with pitch
• My Proposals — Track all proposals with status filter tabs
• Deliverables — View submitted content and approval status
• Profile — Update niche, followers, engagement rate

Brand Dashboard

• Overview — Campaign KPIs, performance charts, proposal funnel
• Analytics — ROI estimates, engagement by creator, monthly spend, reach over time
• My Campaigns — Manage campaigns, view proposals, accept/reject creators
• Create Campaign — Launch new campaigns with budget and deadline
• Browse Creators — Discover vetted micro creators

Admin Console (accessible via footer → Admin link)

• Platform Overview — Full platform stats (users, campaigns, proposals, deliverables)
• Analytics — Growth charts, user distribution, niche breakdown
• Users — Search, filter, and manage all users
• Campaigns — View all platform campaigns
• Proposals — Monitor all proposals and statuses
• System Health — Server and database status

---

🔄 User Flows

Creator Journey

Register → Fill Profile → Browse Campaigns → Submit Proposal
→ Get Accepted → Submit Content → Get Paid

Brand Journey

Register → Create Campaign → Review Proposals → Accept Creator
→ Review Content → Approve Deliverable

---

🌟 Key Features

• Invitation-only vetting — Only quality creators access the platform
• JWT Authentication — Secure, role-based access control
• Real-time data — All dashboards pull live data from MySQL
• Dummy data fallback — Dashboards display sample data if API is unavailable
• Responsive design — Works on desktop and mobile
• Dark theme UI — Professional dark aesthetic with smooth animations
• Chart.js visualizations — Bar, line, pie, doughnut, and radar charts
• Admin hidden access — Admin console not visible in main navigation

---

📈 Business Model

• Commission on successful creator–brand collaborations
• Premium creator memberships
• Brand subscription plans
• Featured campaign listings

---

🔮 Future Enhancements

• AI-based creator recommendations
• Mobile application (React Native)
• Real payment gateway integration (Razorpay)
• Advanced analytics with impression tracking
• In-platform messaging system
• Email notifications

---

📝 License

This project was built as an academic submission for Manipal University Jaipur.
© 2025 MicroImpact Team — All rights reserved.