A modern, responsive website for VITeach – a non-profit educational organization founded and run by motivated students from Vellore Institute of Technology, Chennai.
- Modern Design: Built with Next.js 15 and Tailwind CSS for a beautiful, responsive interface
- Interactive Components: Smooth animations and transitions using Motion library
- Typewriter Effect: Dynamic text animations for engaging user experience
- MDX Support: Blog and content management with MDX integration
- Database Integration: PostgreSQL with Drizzle ORM for data management
- Authentication: Secure user authentication system
- Responsive Layout: Mobile-first design that works on all devices
- Framework: Next.js 15 with App Router
- Language: TypeScript
- Styling: Tailwind CSS 4
- Animations: Motion (Framer Motion alternative)
- Database: PostgreSQL with Drizzle ORM
- Authentication: Better Auth
- UI Components: Radix UI primitives
- Icons: Lucide React
- Carousel: Embla Carousel
- Development: ESLint, Prettier, Husky
src/ ├── app/ # Next.js app router pages │ ├── blogs/ # Blog section │ ├── content/ # Content pages │ ├── story/ # Story/digital library │ ├── team/ # Team information │ └── viteacher-tales/# VITeacher tales section ├── components/ # Reusable UI components │ ├── page-components/# Page-specific components │ └── ui/ # Base UI components ├── constants/ # Data constants and metadata ├── hooks/ # Custom React hooks └── lib/ # Utility functions
- Node.js 18+
- pnpm (recommended) or npm
- PostgreSQL database
- Docker (for local database)
-
Clone the repository
git clone <your-repo-url> cd viteach-website
-
Install dependencies
pnpm install
-
Set up environment variables
cp .env.example .env.local # Fill in your database and authentication credentials -
Start the database
pnpm db:start
-
Run database migrations
pnpm db:generate pnpm db:migrate
-
Start the development server
pnpm dev
Open http://localhost:3000 to view the website.
pnpm dev- Start development server with Turbopackpnpm build- Build for productionpnpm start- Start production serverpnpm lint- Run ESLintpnpm format- Format code with Prettierpnpm db:start- Start PostgreSQL with Dockerpnpm db:stop- Stop PostgreSQLpnpm db:studio- Open Drizzle Studio for database management
- Engaging tagline: "Light a spark, ignite a fire"
- Dynamic typewriter effect with rotating messages
- Call-to-action buttons for Digital Library and Learn More
- Mission-driven approach to education
- Community-focused initiatives
- 10+ years of experience
- Impact statistics: 250+ active members, 5+ lakh students impacted
- Digital Library: Educational resources and stories
- Blogs: Regular updates and educational content
- Team: Meet the mentors and contributors
- VITeacher Tales: Success stories and experiences
- ESLint configuration for code linting
- Prettier for consistent code formatting
- Husky for pre-commit hooks
- TypeScript for type safety
- Drizzle ORM for type-safe database operations
- PostgreSQL as the primary database
- Docker Compose for local development
- Database migrations and schema management
- Tailwind CSS 4 for utility-first styling
- Custom component library built on Radix UI primitives
- Responsive design with mobile-first approach
- Custom animations and transitions
We welcome contributions! Please see our Contributing Guidelines for details on how to submit pull requests, report issues, and contribute to the project.
This project is licensed under the terms specified in the LICENSE.md file.
For support, questions, or to get involved:
- Check our FAQ page
- Review our Code of Conduct
- Contact the team through our website
- Built by passionate students from Vellore Institute of Technology, Chennai
- Special thanks to all contributors and mentors
- Inspired by the mission to make education accessible and engaging
VITeach – Celebrating 10+ years of inspiring students, sharing knowledge, and making learning fun! 🎉