×
Working Projects
Peace sign

01

Automated Work Anniversary Certificate Generator

This project automates the process of generating personalized work anniversary certificates and emailing them to employees. It simplifies HR tasks, improves employee recognition, and ensures timely delivery of certificates.

Features:
- Automates the creation of personalized certificates.
- Sends certificates directly to employees via email.
- Ensures timely delivery with scheduled automation.
- Simplifies HR tasks and improves employee engagement.

Technologies:
- Google Apps Script
- Google Sheets
- Google Slides
- Gmail API
- JavaScript

02

Automatic Portfolio Generator

This project automates the creation of student portfolios. As data is entered into the database, a unique URL is generated using the student's roll number, which dynamically displays their profile page.

Features:
- Dynamic page generation using roll numbers.
- Centralized database for managing student data.
- Automatically updates portfolio when data changes.
- Responsive design for seamless viewing across devices.

Technologies:
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js, Express.js
- Database: MongoDB/MySQL
- Hosting: Vercel

By accessing the URL (example.com/rollno), the system fetches and displays the corresponding student's portfolio.

03

MCQ Generation System

The MCQ generation system is a comprehensive project designed to simplify the creation of multiple-choice questions using cutting-edge technologies:

Technologies Used:
- HTML & CSS: For building a clean and responsive user interface.
- JavaScript (GSAP): For smooth animations and transitions, enhancing the user experience.
- Node.js: To handle server-side operations and API requests.
- MySQL: For secure storage and management of questions, answers, and user data.

Key Features:
- Automatically generates questions based on input content.
- Offers a dynamic, animated interface for customizing questions.
- Allows users to set difficulty levels and categorize questions.
- Supports exporting questions in multiple formats like PDF or Word.

04

Enhancing Layering Effect with Interaction

To enhance the layering effect, add interactions that respond to scrolling. This will create depth and dynamic movement.


Apply a 'While Scrolling in View' interaction to the 'c-card' elements, ensuring it affects all cards with the same class. Set the smoothing value to 90% for smooth transitions.

Add a 'Scale' interaction starting at keyframe 40% (scale: 1) and ending at keyframe 100% (scale: 0.8). This makes the cards appear to recede as you scroll. Adjust the timing for a natural look.

For added impact, consider easing effects like 'ease-in-out' to create smooth transitions. These enhancements will make the stacking effect visually engaging and interactive.

05

Dynamic To-Do List with Progress Tracker

Build a dynamic to-do list application with a progress tracker to visualize task completion. This project uses Node.js, GSAP, and MySQL for functionality and animations.

Key Features:
- Add, edit, and delete tasks.
- Visualize progress with a dynamic bar and percentage.
- Store tasks and progress data in MySQL for continuity.

Use GSAP animations for smooth transitions when tasks are added, updated, or completed. Enhance the experience with hover effects and animated progress updates.

Optional Enhancements:
- Add categories or tags for better organization.
Include a calendar view to track deadlines.

05

Congratulations!

Now, have fun and start cloning. 😍

If you encountered any issue during cloning, feel free to contact us by clicking the 'Need help?' button on the right.

You can also support our work by following us on our social media or buy us a cup of coffee.

☕☕☕