Skip to content

the-bipu/techfest-web

Repository files navigation

techFEST'25 - Coming Soon Website

Event Badge Level Badge Institute Badge

πŸ“– About

This is the official Coming Soon landing page for techFEST'25, the National Level Annual Technical Fest organized by Sant Longowal Institute of Engineering & Technology (SLIET), Punjab.

The website serves as a teaser and information hub for the upcoming technical festival, engaging visitors with countdown timers, event highlights, and registration details.


🌟 Features

  • Responsive Design: Optimized for all devices (mobile, tablet, desktop)
  • Event Information: Quick overview of techFEST'25
  • Social Media Integration: Links to official social media channels

πŸ› οΈ Tech Stack

  • Next.js: React framework for production
  • React: Component-based UI library
  • TypeScript: Type-safe JavaScript
  • Tailwind CSS: Utility-first CSS framework
  • PostCSS: CSS processing tool

πŸš€ Quick Start

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn package manager

Installation

  1. Clone the repository
git clone https://github.com/the-bipu/techfest.git
  1. Navigate to the project directory
cd techfest
  1. Install dependencies
npm install # or yarn install
  1. Run the development server
npm run dev # or yarn dev
  1. Open http://localhost:3000 in your browser

Build for Production

npm run build npm start # or yarn build yarn start

πŸ“ Project Structure

techfest25-coming-soon/ β”œβ”€β”€ .next/ # Next.js build output β”œβ”€β”€ app/ # App directory (Next.js 13+ App Router) β”‚ β”œβ”€β”€ layout.tsx # Root layout β”‚ β”œβ”€β”€ page.tsx # Home page β”‚ └── [routes]/ # Additional routes β”œβ”€β”€ components/ # React components β”‚ β”œβ”€β”€ ui/ # UI components β”‚ └── [features]/ # Feature-specific components β”œβ”€β”€ lib/ # Utility functions and libraries β”œβ”€β”€ node_modules/ # Dependencies β”œβ”€β”€ public/ # Static assets β”‚ β”œβ”€β”€ images/ # Images β”‚ β”œβ”€β”€ fonts/ # Fonts β”‚ └── [assets]/ # Other static files β”œβ”€β”€ utils/ # Helper functions β”œβ”€β”€ .gitattributes # Git attributes β”œβ”€β”€ .gitignore # Git ignore rules β”œβ”€β”€ components.json # Component configuration β”œβ”€β”€ LICENSE # License file β”œβ”€β”€ next-env.d.ts # Next.js TypeScript declarations β”œβ”€β”€ next.config.ts # Next.js configuration β”œβ”€β”€ package-lock.json # Dependency lock file β”œβ”€β”€ package.json # Project dependencies β”œβ”€β”€ postcss.config.mjs # PostCSS configuration β”œβ”€β”€ README.md # Project documentation └── tsconfig.json # TypeScript configuration 

πŸ”— Official Links

Main Website

🌐 techFEST Official Website

Important Pages

Social Media


πŸ“Έ Screenshots

Desktop View

Desktop Homepage Coming soon page - Desktop view

Mobile View

Mobile Homepage Coming soon page - Mobile responsive view


🎨 Design Elements

  • Framework: Next.js with App Router

  • Styling: Tailwind CSS utility classes

  • Components: Reusable React components

  • Type Safety: TypeScript for robust code

  • Color Scheme:

    • Primary: #[1a1a1a]
    • Secondary: #[ffffff]
    • Accent: #[00FF09]
  • Typography:

    • Headings: [Rushblade]
    • Body: [Candara]
  • Animations:

    • Fade-in effects
    • Smooth scroll
    • Hover transitions
    • CSS animations with Tailwind

πŸ“‹ Event Categories

techFEST'25 typically features competitions in:

  • πŸ’» Coding & Development
  • πŸ€– Robotics & Electronics
  • πŸ’‘ Innovation & Ideathon
  • 🎨 Design & Creativity
  • 🎀 Guest Lectures & Workshops
  • πŸ† Technical Competitions

🀝 Contributing

Contributions are welcome! If you'd like to improve this coming soon page:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“ž Contact

techFEST'25 Team


πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ™ Acknowledgments

  • SLIET Administration
  • techFEST'25 Organizing Committee
  • All contributors and supporters

Made with ❀️ by the techFEST'25 Web Team

Β© 2025 SLIET. All Rights Reserved.


⭐ Star this repository if you're excited for techFEST'25!