Gopal Tiwari

Gopal Tiwari

WEB DEVELOPER & DESIGNER

Home About Projects Services Contact HIRE ME
Home Projects RunEthics Certificate System
Case Study

Certificate System

A specialized subdomain-based platform designed for certificate generation and display, streamlining the process of verifying and accessing participation records. Powered by Node.js, Express, and modern frontend technologies.

Category Web Application
Year 2024
Role Full Stack Developer
Live certificates.runethics.com
Certificate System Website
Technology Stack & Project Inventory

Comprehensive Architecture

This document provides a comprehensive inventory of all technologies, languages, frameworks, libraries, and tools used in the RunEthics Certificate project.

The system utilizes a modern technology stack separated into a responsive, accessible frontend and a scalable Node.js backend. It seamlessly handles data display while routing automated emails via a custom SMTP configuration.

Frontend Stack

Frontend Technologies

HTML5 CSS3 Vanilla JS Bootstrap 5.3.3 Lucide Icons

The core structure relies on semantic HTML5 and vanilla JavaScript (main.js) for DOM manipulation and client-side logic. Bootstrap 5.3.3 was integrated via CDN for responsive grids and basic UI components, while Lucide Icons provide a clean visual language.

Custom Styling Architecture: The project implements modular CSS files including style.css (Global styles), index.css (Home page specific styles), about.css, contact.css, services.css, and enhancements.css (for UI enhancements and animations).

Backend Stack

Backend & Infrastructure

Node.js Express.js v5.2.1 Nodemailer v8.0.3 npm Python Scripts

The core environment is built on Node.js utilizing Express.js (v5.2.1) for routing and static file serving (server.js). Middleware includes CORS (v2.8.6), express.json(), and express.urlencoded() for robust request parsing.

Email Communications: Nodemailer is securely configured for DirectAdmin SMTP (mail.runethics.com) to handle form submissions and send dynamic auto-replies.

Maintenance Scripts: A suite of Python utilities (analyze_classes.py, analyze_classes2.py, extract_utilities.py, find_combos.py) are used for CSS class analysis, extraction, and automated project maintenance.

Implementation

Key Features Implemented

  • Dynamic SMTP email routing with reliable auto-reply functionality using Nodemailer.
  • Responsive design tailored for various devices using a hybrid of Bootstrap grid and custom CSS flexbox/grid.
  • Custom cursor effects and sophisticated UI micro-interactions (e.g., cursor glow, floating tags, scrolling animations).
  • Static Asset Serving directly through Express backend for seamless delivery.
  • Accessible and inclusive user interface focusing on document legibility.
Outcome

The Result

🏆

The final platform delivers an automated, accessible way to showcase participant certificates. By offloading manual distribution to a robust web portal, users can effortlessly find, view, and interact with their achievements on any device.


This project exemplifies a well-architected full-stack solution, combining elegant UI micro-interactions with a solid Express.js backend for reliable communication and static file delivery.