TechFusion - Live Website

TechFusion is a Next.js based user-friendly web platform developed for the Technical Cum Cultural Festival of Katihar Engineering College, Katihar, designed to deliver a dynamic and efficient user experience using React, NextJs, Tailwind CSS, Cloudinary and MongoDB. The platform features integrated user registration, hospitality management, admin panel and coordinator panel ensuring streamlined event management.

Features

• Dynamic, responsive user interface
• Powered by NextJS, Tailwind CSS, MongoDB and Cloudinary
• Integrated hospitality and event management

A PWA (Progressive WebApp) based webApp for Technical Cum Cultural Fest. TechStack used:

• 🚀 Next.js 14 - The React Framework for the Web
• ⚙️ Tailwind CSS 3 - A utility-first CSS framework
• 🍓 shadcn-ui - An awesome component library
• 📏 ESLint — Pluggable JavaScript linter
• 🐶 next-pwa — Zero Config PWA Plugin for Next.js
• ☁️ cloudinary — Image and Video API Platform
• 🗄️ MongoDB — Database
• 🗂 Absolute import - Import folders and files using the @ prefix

Getting Started

These instructions will help you set up the project on your local machine for development and testing purposes.

Prerequisites

• Node.js v18.17+ and npm

Clone the repository

Run the following command on your local environment:

git clone https://github.com/kgaurav152/techfusion.git

cd techfusion

Install requirements

❯ npm install
# or
yarn install
# or
pnpm install

Setup env variables

• Create a .env.local file in root of the project. Check out .env.example to know what values are required.

Run in dev mode

• Then, you can run locally in development mode with live reload:

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 Inter, a custom Google Font.

Build for production

❯ npm run build

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.

Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue to improve the project.