🎉 College Fest Portal - Narula Institute of Technology

This is a Next.js frontend project built to showcase and manage the college fest events of Narula Institute of Technology. Students can explore ongoing events, check rules, get live updates, and enroll via Google Forms directly.

🚀 Features

• 📅 Browse all active events in the college fest
• 📝 Enroll in events via redirection to official Google Forms
• 📜 View event descriptions, rules, and instructions
• 🏆 Check the list of winners once events are over
• 💞 Well responsiveness to use website in small devices as well
• 🛎️ Receive real-time updates and notices on specific events

⚙️ Tech Stack

• Next.js — React framework for SSR and routing
• Tailwind CSS — For styling and responsiveness
• Vercel Hosting — For deployment
• Google Forms — For user event registration

🧭 Project Structure

  ├── app/
  │   ├── page.tsx             ← Homepage with event list
  │   ├── events/[id]/page.tsx ← Event details page
  │   └── layout.tsx           ← Common layout component
  ├── public/                  ← Static assets (logos, icons, etc.)
  ├── styles/                  ← Global styles and tailwind config
  ├── utils/                   ← Helper functions (optional)
  └── README.html              ← This file
  

💡 How It Works

Students visit the site → Explore events → Click on "Enroll" → Redirected to a Google Form → Form submission done!

🛠️ Setup Instructions

1. Clone the repository: git clone https://github.com/your-repo/college-fest
2. Navigate into the project folder: cd college-fest
3. Install dependencies: npm install
4. Run the dev server: npm run dev
5. Open http://localhost:3000 to view it in the browser

🎯 Future Enhancements

• Add admin dashboard to update events dynamically
• Integrate Firebase/Notion backend for real-time updates
• Add a countdown timer and calendar-based event view
• Push notifications for new updates

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.