Skip to content

Haris-Mughal/TechTon

Repository files navigation

🌌 TechTon – Learn, Build & Achieve

Welcome to TechTon, a futuristic, dark-themed single-page website designed for our tech organization dedicated to spreading awareness, mentoring peers, and sharing opportunities in the world of tech.
Built using React, Vite, TypeScript, and TailwindCSS — the site is sleek, fast, and fully responsive.

TechTon Logo

🚀 Live Demo

TechTon Logo

🔗 [Visit the site](https://techton.vercel.app/)

📌 Sections Overview

1. 🪐 Hero Section

  • Animated central glowing logo (black hole inspired)
  • Tagline: “Learn, Build & Achieve”
  • Particle background for a galactic vibe
  • Scroll-down indicator

2. 🌟 About TechTon

  • Who we are and what we do
  • Clean layout with galaxy-themed section dividers

3. 💡 What We Offer

  • Grid of 4 animated cards:
    • Hackathons & Competitions
    • Good Info (Tech Updates)
    • Jobs & Internships
    • Coding Support (LeetCode, etc.)

4. 👨‍💻 Admin Profile

  • Haris Mughal's contact card with:
    • LinkedIn
    • GitHub
    • Portfolio

5. ✉️ Join Us / Contact

  • Fully working contact form with Formspree integration
  • CTA: “Become a TechTonian”
  • Link to our official LinkedIn Page

🛠️ Tech Stack

  • Framework: React
  • Build Tool: Vite
  • Language: TypeScript
  • Styling: TailwindCSS + HTML + CSS
  • Animations: Tailwind Transitions, Framer Motion
  • Form Backend: Formspree

🖼️ Design Philosophy

  • Dark mode-first design with starfield/nebula vibes
  • Clean, modern typography (Inter / Orbitron)
  • Minimalist layout with smooth section transitions
  • Mobile-first responsiveness

📄 License

This project is open-source and free to use under the MIT License.


💫 Made with love by

Haris Mughal – Founder of TechTon
MIT² Global Finalist · Harvard Puzzles Winner · Stanford Section Leader

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages