Back

Renaissance University

Timeline

2025

Tech & Technique

Next.ts, TypeScript, Tailwind CSS, GSAP, Framer Motion, Lenis, Swiper, Razorpay

Project Overview

A full-scale, interactive university website developed for Renaissance University to deliver a modern, engaging, and informative digital experience. The platform is designed to represent a real-world academic website with premium UI, smooth animations, and SEO-friendly architecture.

Key Features:
  • 🎓 University Website: Complete academic platform with structured content and modern layouts
  • ✨ Advanced Animations: Smooth transitions and interactions across the website
  • 📱 Fully Responsive: Optimized for desktop, tablet, and mobile devices
  • ⚡ High Performance: Optimized Next.js frontend with fast load times
  • 🔍 SEO Friendly: Structured pages optimized for search engines
  • 💳 Payment Integration: Secure Razorpay payment flow with frontend validation

Technical Highlights:
  • Built using Next.ts with TypeScript for scalable and maintainable architecture
  • Implemented advanced animations using GSAP, Lenis, and Framer Motion
  • Used Swiper and additional UI libraries for interactive sections
  • Focused on reusable components and clean design systems
  • Ensured consistent typography, spacing, and layout across all pages

My Role & Architecture

Frontend Developer
Responsible for frontend development and UI implementation:
  • 🎨 Developed responsive and animated UI using Tailwind CSS
  • 🧩 Built reusable components for scalable frontend architecture
  • ⚙️ Integrated Razorpay payment APIs with secure validation
  • 🚀 Optimized performance and smooth user interactions
  • 🤝 Collaborated with backend and design workflows

Project Screenshots and User Interface

Renaissance University — screenshot 1 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 2 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 3 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 4 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 5 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 6 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 7 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 8 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 9 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 10 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 11 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 12 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 13 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 14 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 15 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 16 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 17 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 18 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 19 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 20 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 21 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
Renaissance University — screenshot 22 demonstrating Next.ts, TypeScript, Tailwind CSS user interface and responsive features
hello@imgoutam.dev