GitHub - AlphaGroupOfDevelopers/alphagroupofdevelopers.github.io: AlphaGroupOfDevelopers - Professional Website · GitHub
Skip to content

Repository files navigation

AlphaGroupOfDevelopers - React 19 Website

Welcome to the official website repository for AlphaGroupOfDevelopers, a talented team of software engineers and web developers from Ghana Communication Technology University (GCTU).

🚀 Modern Tech Stack

This is a React 19 application built with:

  • React 19.2.1 - Latest React with new features
  • TypeScript - Full type safety
  • Vite - Modern build tool (fast development)
  • Tailwind CSS 4.1 - Latest styling with utility-first approach
  • Radix UI - 53+ professional UI components
  • Express - Production backend server
  • React Hook Form - Form handling
  • Lucide React - Beautiful icons

📁 Project Structure

├── client/                    # React frontend
│   ├── src/
│   │   ├── components/       # Reusable UI components
│   │   │   ├── ui/          # 53+ Radix UI components
│   │   │   ├── ErrorBoundary.tsx
│   │   │   ├── ManusDialog.tsx
│   │   │   └── Map.tsx
│   │   ├── contexts/        # React contexts
│   │   ├── hooks/           # Custom React hooks
│   │   ├── lib/             # Utility functions
│   │   ├── pages/           # Page components
│   │   └── main.tsx         # App entry point
├── server/                   # Express backend
├── shared/                   # Shared constants/types
├── vite.config.ts           # Vite configuration
└── package.json             # Dependencies

🚀 Getting Started

Prerequisites

  • Node.js 18+ or 20+
  • pnpm (recommended) or npm/yarn

Installation

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Start production server
pnpm start

Development

The development server runs at http://localhost:3000 with hot reload.

Production

The production build creates optimized static files in dist/public/ and bundles the Express server.

🎨 Features

Modern React 19

  • Server Components ready
  • New hooks and improvements
  • Better error handling
  • Optimized rendering

Professional UI

  • 53+ pre-built Radix UI components
  • Responsive design
  • Dark/light theme support
  • Smooth animations with Framer Motion

Performance

  • Code splitting
  • Image optimization
  • Lazy loading
  • Tailwind CSS 4.1 for minimal CSS

Development Experience

  • TypeScript for type safety
  • ESLint + Prettier
  • Hot module replacement
  • Custom debug logging system

📧 Contact Form

The contact form uses the mailto: protocol. When users submit the form:

  1. Opens their default email client
  2. Pre-fills email with contact information
  3. Sends to: alphaGroupOfDevelopers@gmail.com

📱 Responsive Design

The website is fully responsive and works on:

  • Desktop computers (1200px and above)
  • Tablets (768px to 1199px)
  • Mobile phones (below 768px)

🔧 Technical Details

  • React 19 - Latest React with modern features
  • TypeScript - Type-safe development
  • Vite - Fast build tool
  • Tailwind CSS 4.1 - Utility-first CSS
  • Radix UI - Accessible component primitives
  • Express - Production backend
  • React Router - Client-side routing
  • React Hook Form - Form validation
  • Lucide React - Icon library

🌐 Deployment

GitHub Pages

# Build the project
pnpm build

# Deploy to GitHub Pages
# Enable GitHub Pages in repository settings

Vercel/Netlify

Connect your GitHub repository and deploy automatically.

Traditional Hosting

# Build the project
pnpm build

# Upload dist/public/ to your web server
# Start the Express server for API routes

📝 Future Enhancements

Potential improvements:

  • Backend API for form submissions
  • Database for client testimonials
  • Blog section with MDX
  • Portfolio gallery
  • Team member profiles
  • Multilingual support
  • Newsletter subscription
  • Analytics dashboard

📞 Contact Information

Email: alphaGroupOfDevelopers@gmail.com

Institution: Ghana Communication Technology University (GCTU)

Focus: Software Solutions & Digital Transformation

Partners:

  • Ghana Revenue Authority (GRA)
  • Yao Consult and Business Ventures

📄 License

This website is the intellectual property of AlphaGroupOfDevelopers. All rights reserved.


Created: 2024
Migrated to React 19: March 2026
Last Updated: March 2026

For questions or support, please contact us at alphaGroupOfDevelopers@gmail.com

About

AlphaGroupOfDevelopers - Professional Website

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages