Skip to content

A modern, high-performance website for ThinkRED Technologies LLP built with React 19, TypeScript, and TailwindCSS. This website showcases our technology services, company vision, and engineering expertise to international clients.

License

Notifications You must be signed in to change notification settings

thinkredtech/thinkredtech.github.io

Repository files navigation

ThinkRED Technologies Logo

🚀 ThinkRED Technologies Monorepo

Simplify Technology & Experience

Repository Health Build Status Code Quality Security

Complete monorepo for ThinkRED Technologies company website and infrastructure


🌟 Overview

This monorepo contains the complete source code and infrastructure for the ThinkRED Technologies company website. Built with modern technologies and best practices, it serves as the primary digital presence for our engineering-focused technology consultancy.

ThinkRED Technologies LLP transforms complex technological challenges into elegant solutions, founded by engineers from Mozilla, Fedora, and Red Hat.


⚡ Technology Stack

🎨 Frontend Stack

React TypeScript Vite Tailwind

Modern Frontend Development

  • React 19 with TypeScript
  • Vite for lightning-fast builds
  • Tailwind CSS for styling
  • React Router for navigation
  • React Markdown for documentation

🔧 Backend Stack

Google Apps Script Google Sheets Gmail

Serverless Backend

  • Google Apps Script runtime
  • Google Sheets for data storage
  • Google Drive for file storage
  • Gmail for email notifications

📁 Repository Structure

thinkred-monorepo/
├── 🎨 frontend/             # React frontend application
│   ├── 📂 src/             # Source code
│   ├── 📂 public/          # Static assets
│   ├── 📚 docs/            # User-facing documentation
│   └── 📦 package.json     # Frontend dependencies
├── 🧠 backend/             # Google Apps Script backend
│   ├── 🤖 thinkREDBot.js   # Main backend logic
│   └── 📦 package.json     # Backend dependencies
├── 📖 docs/                # Developer documentation
├── 🏗️ build/               # Production build output
├── 📊 reports/             # Health and operational reports
├── 🔧 scripts/             # Automation scripts
└── 📋 README.md            # This file

✨ Key Features

Feature Description Status
📱 Responsive Design Optimized for all device sizes ✅ Active
📝 Form Processing Contact forms and job applications ✅ Active
📎 File Upload Resume uploads for job applications ✅ Active
📧 Email Notifications Automated email handling ✅ Active
📚 Documentation System Markdown-based docs via web interface ✅ Active
🔍 SEO Optimized Built for search engine visibility ✅ Active

🚀 Quick Start

Prerequisites

  • Node.js 16+ (LTS recommended)
  • npm 8+ or yarn package manager
  • Git for version control

Development Setup

# 1️⃣ Clone the repository
git clone https://github.com/thinkredtech/thinkredtech.github.io.git
cd thinkredtech.github.io

# 2️⃣ Install all dependencies
npm run install:all

# 3️⃣ Start development
npm run dev

🌐 The application will be available at http://localhost:3000


🎛️ Unified Task Management

This monorepo features a unified task management system that simplifies development workflows:

# 📋 Show all available commands
npm run help

# 🚀 Development commands
npm run dev              # Start frontend development
npm run dev:all          # Start all development servers
npm run build            # Build frontend
npm run build:all        # Build everything

# 🔍 Code quality
npm run lint             # Lint all workspaces
npm run format           # Format all code
npm run type-check       # TypeScript checking

# 🚢 Deployment
npm run deploy           # Deploy to production
npm run deploy:frontend  # Deploy frontend only
npm run deploy:backend   # Deploy backend only

# 📊 Monitoring
npm run status           # Show workspace status
npm run backend:logs     # View backend logs

🎯 Key Benefits

  • 🎯 Single Entry Point: All tasks run from root directory
  • ⚡ Parallel Execution: Multiple tasks run simultaneously when safe
  • 🧠 Context Aware: Automatically runs tasks in correct workspace
  • 🔍 Clear Visibility: See exactly what's running where

📖 Complete Guide: docs/TASK_MANAGEMENT.md | 📋 Quick Ref: TASKS.md


🚀 Deployment

🌐 Frontend Deployment

GitHub Pages Hostinger

Primary: GitHub Pages (automatic)
Secondary: Hostinger (zero-downtime deployment)

📖 Zero-Downtime Guide: docs/ZERO_DOWNTIME_DEPLOYMENT.md

Backend Deployment

Google Apps Script CLASP

Platform: Google Apps Script
Tool: CLASP CLI


📚 Documentation

🎯 For Users

Documentation Description Access
🌐 Website Overview Platform introduction and features /docs/website-overview
🏢 Company Information About ThinkRED Technologies /docs/company-info
🎨 Brand Guidelines Visual identity and style guide /docs/brand-guidelines
FAQ Frequently asked questions /docs/faq

🛠️ For Developers

Documentation Description Link
🔧 Development Setup Local development environment DEVELOPMENT.md
🏗️ Architecture Overview System design and technical details ARCHITECTURE.md
📡 API Documentation Backend API reference API.md
🚀 Deployment Guide CI/CD and deployment procedures DEPLOYMENT.md
🔄 Zero-Downtime Deploy Professional maintenance & zero-downtime ZERO_DOWNTIME_DEPLOYMENT.md
Health Reports Monitoring and status dashboard management HEALTH_REPORTS.md
🎛️ Task Management Unified task runner and development workflows TASK_MANAGEMENT.md
�🔍 Troubleshooting Common issues and solutions TROUBLESHOOTING.md

🤝 Contributing

We welcome contributions! Please read our guidelines:

  • 📋 Contributing Guidelines: CONTRIBUTING.md - Code standards, workflow, and PR process
  • 🤝 Code of Conduct: CODE_OF_CONDUCT.md - Community standards and expectations
  • License: LICENSE - Usage terms and attribution requirements

🛠️ Project Scripts

🎨 Frontend Scripts

npm run dev          # 🚀 Start development server
npm run build        # 🏗️ Build for production
npm run preview      # 👀 Preview production build
npm run deploy       # 🌐 Deploy to GitHub Pages
npm run deploy:github # 🚀 Deploy to GitHub Pages
npm run deploy:ssh   # 🔒 Deploy to Hostinger via SSH
npm run lint         # 🔍 Run ESLint
npm run type-check   # ✅ TypeScript compiler check

🧠 Backend Scripts

npm run push         # 📤 Push to Google Apps Script
npm run deploy       # 🚀 Deploy to Google Apps Script
npm run logs         # 📊 View execution logs

⚙️ Environment Configuration

Frontend Environment Variables

Create a .env file in the frontend/ directory:

VITE_API_URL=https://script.google.com/macros/s/YOUR_DEPLOYMENT_ID/exec

Backend Configuration

Configuration is managed through Google Apps Script Properties Service.


🆘 Support

For technical issues or questions:

  1. 📖 Check Documentation: Review the relevant docs first
  2. 🔍 Troubleshooting Guide: Check our troubleshooting guide
  3. 🐛 Create Issue: Open a detailed GitHub issue if problems persist

📄 License

This project is licensed under a custom license that requires attribution to ThinkRED Technologies LLP.

Key Requirements:

  • ✅ Attribution required for any use or derivative work
  • ✅ Credit must be given to ThinkRED Technologies LLP
  • ✅ Original license must be preserved

See the LICENSE file for complete terms and conditions.


📞 Contact

🚀 ThinkRED Technologies LLP

Website Email

Contact us through our website contact form


Built with ❤️ by the ThinkRED Technologies team

"Simplify Technology & Experience"

About

A modern, high-performance website for ThinkRED Technologies LLP built with React 19, TypeScript, and TailwindCSS. This website showcases our technology services, company vision, and engineering expertise to international clients.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •