01 Source Code Only
One-time Payment
- Complete project source code
- Database / data resources
- Dependencies & configuration
- README / setup guide
- Instant download access
Complete final-year project source code with frontend, backend, database and setup documentation. Instant download after secure payment.
Simple pricing. Instant access. Secure checkout.
01 Source Code Only
One-time Payment
02 Code + Setup Support
One-time Payment
Motion-Based AI GIF Studio is a MERN-inspired web application that allows users to turn still images into motion-triggered looping GIFs. The project includes a creator studio where users can upload JPEG or PNG images, isolate the subject using a demo matte separation method, preview a vertical hop/bounce animation, trigger motion through device movement or desktop simulation, and export the result as a looping GIF using GIF.js.
The system also includes an Admin Console for managing project manifests, viewing KPIs, checking recent GIF exports, managing featured projects, deleting project records, and viewing the user directory. The backend supports project persistence using MongoDB, Express.js APIs, file uploads through Multer, JWT-based admin authentication, and seeded demo data.
This project is suitable for B.Tech, M.Tech, BCA, MCA, BE, ME, BSc, and MSc students looking for a practical final year project, major project, or minor project based on image processing workflow, canvas animation, browser motion APIs, GIF generation, admin dashboard, and REST API development. FileMakr can provide this project with source code, project report, documentation, and setup support for academic submission.
| Role | Password | Notes | |
|---|---|---|---|
| Administrator | [email protected] |
Admin123! |
Use for /admin/login |
| Administrator | [email protected] |
Curator123! |
Full admin console access |
| Role | Password | Notes | |
|---|---|---|---|
| Standard user | [email protected] |
Creator123! |
Cannot access admin dashboard |
Seed note:
The seed script deletes existing users matching these demo emails and recreates them with hashed passwords.
hopic-auth/admin/**In this in this Final Year Project, the main user-facing module is the Creator Studio.
/uploadsOpen the server folder:
cd server
npm install
Create server/.env with:
PORT=5050
MONGODB_URI=mongodb://127.0.0.1:27017/hopic
JWT_SECRET=your-long-random-secret
CLIENT_ORIGIN=http://localhost:5173
Seed demo data:
npm run seed
Start backend API:
npm run dev
Verify backend health:
http://localhost:5050/api/health
Expected response should show ok: true and mongo: true when MongoDB is connected.
Open the client folder:
cd client
npm install
Copy the GIF.js worker file after installing dependencies.
For macOS/Linux:
cp node_modules/gif.js/dist/gif.worker.js public/gif.worker.js
For Windows PowerShell:
Copy-Item -Force node_modules/gif.js/dist/gif.worker.js public/gif.worker.js
Start frontend:
npm run dev
Open the application:
http://localhost:5173
| Role | Password | Notes | |
|---|---|---|---|
| Administrator | [email protected] |
Admin123! |
Use for /admin/login |
| Administrator | [email protected] |
Curator123! |
Full admin console access |
| Role | Password | Notes | |
|---|---|---|---|
| Standard user | [email protected] |
Creator123! |
Cannot access admin dashboard |
Seed note:
The seed script deletes existing users matching these demo emails and recreates them with hashed passwords.