event app

• 

  this is app display screen showings the recent events

Inspiration: College students often miss out on events simply because information is scattered across WhatsApp groups, notice boards, and social media. We wanted a simple, centralized mini-app where any student can quickly see what’s happening now and what’s coming up—without needing a login, an app install, or any complicated backend.

What it does :The Event Info Mini-App is a single-page website that displays all current and upcoming campus events in a clean card-based UI.

Key features include:

Event Cards with date, time, and venue

Direct registration links for each event

Category filter (Tech, Cultural, Sports) to help students find relevant events

“Happening Now” section that highlights events currently in progress

Fully responsive, mobile- first UI for quick access on phones

How we built it:

Designed the layout using HTML, script.js, and style.css to keep it lightweight and fast.

Added a dynamic “Happening Now” function that compares current time with event timings.

Used simple animations and card UI to make the interface clean and user-friendly.

Challenges we ran into:Creating a smooth and accurate “Happening Now” section based on real-time comparison.

Keeping the UI simple while showing multiple event details in limited space.

Making the filtering fast without using any backend or framework.

Ensuring the design works well across mobile, tablet, and desktop sizes.

Accomplishments that we're proud of

What we learned

How to design a mini-app using only static technologies while still making it feel dynamic.

How to structure event data for easy updates.

Improved skills in DOM manipulation, responsive UI, and time-based logic.

Learned to balance UI aesthetics and functional clarity.

Understood how small tools can solve real problems on campus.

Built With

• index.html
• script.js
• style.css