Rretoriq - AI Communication Excellence

A modern platform for Bridging communication with Intelligence, designed specifically for Indian professionals and students. Built with React, TypeScript, and Tailwind CSS.

🚀 Features

• 🎯 IELTS Practice: Comprehensive AI-powered IELTS preparation with all four skills
• 🎤 Job Interview Training: Mock interviews with Indian company questions and feedback
• � Business English: Professional communication for Indian corporate culture
• 👁️ Glimpse (Coming Soon): AI video analysis for real-time communication feedback
• 📈 Progress Tracking: Detailed analytics and improvement recommendations
• 🎓 Online Courses: Structured learning paths for communication excellence
• 🇮� Made for India: Hindi & English support with local context
• 🔐 Authentication: Secure sign-in and sign-up system

Tech Stack

• Frontend: React 19 + TypeScript
• Build Tool: Vite 5.4
• Styling: Tailwind CSS 3.4 with custom design system
• Animations: GSAP (GreenSock) with ScrollTrigger
• Icons: Lucide React
• Font: Inter (Google Fonts)
• Effects: Glassmorphism, parallax, and interactive hover states

Getting Started

1. Install dependencies:

   npm install

2. Start development server:

   npm run dev

3. Open your browser and navigate to http://localhost:5173

📁 Project Structure

src/
├── components/
│   ├── Layout.tsx           # Main layout with navigation & footer
│   └── ComingSoonPage.tsx   # Reusable coming soon component
├── pages/
│   ├── Home.tsx            # Landing page with hero & features
│   ├── IELTSPage.tsx       # IELTS practice page
│   ├── JobInterviewPage.tsx # Job interview preparation
│   ├── GlimpsePage.tsx     # Glimpse coming soon page
│   ├── SignInPage.tsx      # User authentication - sign in
│   └── SignUpPage.tsx      # User authentication - sign up
├── App.tsx                 # Main app with routing
├── main.tsx               # Application entry point
├── index.css              # Global styles with Tailwind
└── vite-env.d.ts          # Vite TypeScript definitions

🎯 Phase 1 Complete - Frontend Ready

✅ Completed Features

• Brand Identity: Complete Rretoriq branding with gradient logos
• Navigation: Professional header with responsive mobile menu
• Landing Page: Hero section, features, stats, and CTA sections
• Core Pages: IELTS, Job Interview, and Glimpse (coming soon)
• Authentication: Full sign-in and sign-up pages with validation
• Responsive Design: Mobile-first approach with Tailwind CSS
• Modern UI: Gradient backgrounds, glassmorphism effects
• Footer: Comprehensive footer with social links and newsletter
• Routing: Complete React Router setup with all pages
• Clean Codebase: Optimized and ready for GitHub upload.

🔜 Next Phase

• Phase 2: Backend integration and API development
• Phase 3: AI model integration for communication analysis
• Phase 4: Real-time feedback and progress tracking

Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run lint - Run ESLint
• npm run preview - Preview production build

Design System

Colors

• Primary: Blue tones (#0ea5e9 to #082f49)
• Secondary: Teal tones (#14b8a6 to #042f2e)
• Neutral: Gray tones (#fafafa to #09090b)

Typography

• Font Family: Inter (300, 400, 500, 600, 700)
• Base: Clean, readable typography with proper line heights

Contributing

This project follows a frontend-first development approach. The complete UI/UX is built first with mock data, then connected to backend services in later phases.

---

Built with ❤️ using modern web technologies