The challenge

Discover the Story Behind Every Forgotten Object

NOCTRA is a digital museum dedicated to preserving the stories of forgotten objects. From old photographs and handwritten letters to childhood toys and everyday belongings, every object holds a memory worth remembering.

Your challenge is to design and build an immersive digital museum where visitors can explore forgotten objects, discover their stories, and share memories of their own.

Brand

NOCTRA

The Museum of Forgotten Things

Audience

Young adults
Creative individuals
History and art enthusiasts
People who appreciate storytelling and meaningful experiences

Personality

Mysterious
Emotional
Immersive

Main goal. Create an engaging digital experience that encourages visitors to explore forgotten objects, discover their stories, and contribute memories of their own.

Competition workflow

Register your team (captain signs in). You receive cohort access to the brief and workspace.
Pay the registration fee (Rs. 500) via bank transfer using the details below, then submit proof from your dashboard.
Wait for verification — status becomes pending until an organizer approves your payment (never automatic).
Build and deploy your NOCTRA site while you wait; you can save project drafts.
Submit your final project from the dashboard only after payment is approved.

Registration fee — bank transfer

Registration fee: Rs. 500 for Cohort 01. Transfer the exact amount, then submit proof from your dashboard.

Bank name: Meezan Bank
Account title: Qamar u Zaman
Account number: 00300112195179

Transfer Rs. 500 to the account above.
After transferring, open Dashboard → Registration payment to upload your receipt or enter your transaction reference.
Your fee stays pending verification until an organizer approves it. Final project submit stays locked until then — never auto-approved from uploads alone.

What to build

Turn the Concept into an Experience

Bring NOCTRA to life through a complete, responsive website. Create an experience that combines creative design, smooth interactions, and meaningful storytelling.

Required website sections

Homepage / Hero
Introduce NOCTRA and its concept. Include a clear call to action to explore the museum.
About the Museum
Explain the purpose of NOCTRA. Introduce the idea of preserving forgotten objects and memories.
Object Collections
Display a collection of forgotten objects. Each object should have an image, title, and short description.
Individual Object Stories
Allow visitors to select an object. Display its story, background, and significance.
Interactive Experience
Include at least one meaningful interactive feature — e.g. search, category filters, interactive galleries, or animated object exploration.
Submit a Memory
Create a form where visitors can submit an object and its story (object name, story, optional image upload) with validation and confirmation feedback.
Contact / Footer
Include relevant navigation links and contact information.

Minimum functional expectations

Navigation links and buttons must work.
Visitors must be able to explore object stories.
At least one interactive feature must be functional.
The memory submission form must validate input and display confirmation feedback.
The website must work on desktop, tablet, and mobile.
Avoid broken links, placeholder buttons, and unfinished sections.

Creative freedom

Participants may define their own logo, color palette, typography, layout, content, imagery, and animations. Do not prescribe a specific color scheme or visual direction beyond the NOCTRA concept.

Build with AI

Build Smarter with AI

You don't have to build everything from scratch. Use modern AI tools and LLMs to plan your ideas, generate code, improve your designs, and solve development challenges.

AI tools you can explore

Your development journey

Plan Your Website
Use an LLM such as ChatGPT or Claude to understand the problem statement and create a website plan.
Create Your Design
Explore different visual concepts, generate design references, and decide your own branding.
Build with AI
Open your project in Cursor, Antigravity, or OpenCode and ask the AI assistant to develop your website.
Improve and Test
Test every feature, fix errors, improve responsiveness, and refine your design.
Upload to GitHub
Create a GitHub repository and upload your project files using the GitHub website.
Deploy with Vercel
Connect your GitHub repository to Vercel and publish your website.

AI tools are allowed, but participants are responsible for understanding, reviewing, and testing the code they submit.

Final submission

Your Work Deserves to Be Seen

You've built it. Now it's time to share it. Deploy your NOCTRA website, upload your source code to GitHub, and submit your completed project for evaluation.

Submission requirements

Live Website URL
Submit your publicly accessible deployed website.
GitHub Repository
Provide the repository containing your complete source code.
Design Rationale
Write a short explanation of your visual direction, design decisions, typography, and user experience.
AI Disclosure
Mention the AI tools you used and explain how you used them during development.

Before submitting

Make sure your website is deployed and accessible.
Test your website on desktop and mobile.
Check all buttons, links, and interactive features.
Make sure your GitHub repository is accessible to judges.
Ensure your submission information is complete.

Ready to Submit Your Work?

Share your creation with the Hack4Skills community and let your work speak for itself.

Submit Your Project

Captains sign in and submit from the participant dashboard after registration fee verification. Not registered? Register your team first, then complete payment under Registration payment.

Evaluation

Judging rubric

Criterion	Weight
Problem understanding	25%
Execution quality	35%
Innovation & approach	25%
Presentation & documentation	15%