Rabindranath Tagore Jayanti - Digital Tribute

A premium, full-stack digital tribute dedicated to honoring the vast legacy of Rabindranath Tagore in literature, art, philosophy, and music (Rabindra Sangeet).

🌟 Project Overview

This project serves as a foundational architecture for a modern, visually stunning, and culturally respectful platform. It features an earthy, elegant aesthetic with serif typography, ensuring a serene user experience.

Chosen Tech Stack

• Frontend: Next.js 14 (App Router), React, Tailwind CSS, Framer Motion
• Backend: Next.js API Routes (Serverless)
• Database: MongoDB (via Mongoose)
• Styling: Tailwind CSS with a custom color palette (earthy tones, elegant serif fonts)

Core Features

1. Interactive Biographical Timeline: A visually engaging timeline detailing key milestones in Tagore's life.
2. Searchable Literature Database (API Ready): Dynamic rendering of poems and quotes.
3. Backend-driven Tribute Wall (API Ready): RESTful endpoints to submit and retrieve user tributes/guestbook entries.
4. Multimedia Integration Ready: Architecture supports adding audio (Rabindra Sangeet) and image galleries.

🏗️ Architecture

.
├── src/
│   ├── app/
│   │   ├── api/                 # Next.js API Routes (Backend)
│   │   │   ├── quotes/route.ts  # GET Quotes
│   │   │   └── tributes/route.ts# GET/POST Tributes
│   │   ├── globals.css          # Global styles & Tailwind directives
│   │   ├── layout.tsx           # Root layout
│   │   └── page.tsx             # Main Landing Page
│   ├── components/              # Reusable UI Components
│   │   ├── PoemCard.tsx         # Component for displaying literature
│   │   └── Timeline.tsx         # Interactive biography timeline
│   ├── lib/
│   │   └── db.ts                # MongoDB connection utility (Cached for Serverless)
│   └── models/                  # Mongoose Schemas
│       ├── Quote.ts             # Schema for literature/quotes
│       └── Tribute.ts           # Schema for guestbook/tributes
├── public/                      # Static assets
├── tailwind.config.ts           # Tailwind CSS configuration
├── tsconfig.json                # TypeScript configuration
└── package.json                 # Dependencies and scripts

🚀 Deployment & Local Setup

Follow these steps to initialize and run the project locally.

Prerequisites

• Node.js (v18.17 or later)
• npm or yarn or pnpm
• MongoDB URI (Local or MongoDB Atlas)

1. Clone & Install

# Install dependencies
npm install

2. Environment Variables

Create a .env.local file in the root directory and add your MongoDB connection string:

MONGODB_URI=mongodb://localhost:27017/tagore-tribute

(Replace the URI with your MongoDB Atlas connection string if using a cloud database).

3. Run Development Server

npm run dev

Navigate to http://localhost:3000 in your browser to see the application.

🎨 Design Philosophy

• Aesthetic: Earthy tones (#f4f1ea, #8a7b6b, #3a2f25), reflecting nature, Santiniketan, and simplicity.
• Typography: Serif fonts for headings to convey literary elegance, sans-serif for readability in smaller text.
• Animations: Subtle, smooth transitions using framer-motion to create a calming, premium feel.

🛠️ Future Enhancements

• Build out the dedicated frontend pages for the Tribute Wall and Multimedia Gallery.
• Implement an audio player component for Rabindra Sangeet.
• Add an admin dashboard to moderate Tribute Wall submissions.