Literary Society IIITK Website

A modern, interactive website for the Literary Society of IIIT-K, featuring a 3D model and animated text.

Technologies Used

• React - Modern front-end framework
• TypeScript - For type safety and better developer experience
• Vite - Fast build tool and development server
• Three.js - 3D library for WebGL rendering
• React Three Fiber - React renderer for Three.js
• Framer Motion - For smooth animations
• Styled Components - For component-based styling

Features

• Interactive 3D model that responds to mouse movements
• Animated text with modern typography
• Smooth loading transitions
• Responsive design
• Modern UI with engaging visual effects

Development

Prerequisites

• Node.js (v14+)
• npm or yarn

Installation

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Project Structure

• src/components/ - React components
  • Header.tsx - Animated text header
  • ModelViewer.tsx - 3D model viewer
• public/ - Static assets
  • model.glb - 3D model file

Future Enhancements

• Add more sections (About, Events, Team, etc.)
• Implement responsive navigation
• Add dark/light mode toggle
• Include social media links
• Add contact form