Skip to content

Latest commit

 

History

History
350 lines (242 loc) · 16.3 KB

File metadata and controls

350 lines (242 loc) · 16.3 KB

cat > /home/claude/README.md << 'README_EOF'

Typing SVG

LinkedIn GitHub Portfolio YouTube


Status Company Role Year


🏢 About TEYZIX CORE

A forward-thinking technology company dedicated to nurturing the next generation of full-stack developers through intensive, real-world internship programs.


Live Preview

🌐 https://teyzixcoreprojects.vercel.app/


📋 Table of Contents


🌟 Overview

╔══════════════════════════════════════════════════════════════╗
║          TEYZIX CORE Full Stack Development Internship        ║
║                   Project Dashboard · 2026                    ║
╚══════════════════════════════════════════════════════════════╝

This repository is the official project dashboard for my Full Stack Development Internship at TEYZIX CORE. It showcases the three major projects I built during the internship, along with my internship certificate and recommendation letter.

The dashboard is a fully responsive, animated single-page web application built with vanilla HTML, CSS & JavaScript — no frameworks, no dependencies — demonstrating clean architecture, DOM mastery and modern UI/UX skills.


👨‍💻 About Me

Muhammad Yasir — a passionate Full Stack Developer specializing in the MERN stack, real-time systems, and modern web architecture. I build scalable, user-focused applications that bridge elegant UI with powerful backend logic.

During my internship at TEYZIX CORE, I completed 3 full-stack projects ranging from task management systems to real-time collaborative editors — each project pushing my skills further.

Detail Info
🏢 Company TEYZIX CORE
📅 Year 2026
💼 Role Full Stack Developer
🎯 Track Full Stack Development
Status Completed

🚀 Projects

Task Management Web App

Project Stack Auth Board

A full-stack Task Management Web Application platform built with MERN stack technology featuring JWT authentication, Kanban board, task assignment, workflow tracking and responsive project management capabilities for teams and organizations.

✨ Key Features:

  • 🔐 JWT-based Authentication & Authorization
  • 📋 Interactive Kanban Board with drag-and-drop
  • 👥 Team-based task assignment & tracking
  • 📱 Fully responsive design across all devices
  • 🔄 Real-time workflow status updates
  • 🛡️ Role-based access control

🛠️ Tech Stack:

MongoDB Express.js React Node.js JWT REST API CSS3

View on GitHub


📌 TEYZIX CORE Internship Portal

Project Stack Platform Mode

A modern full-stack internship management platform built for handling internship applications, candidate management and administrative workflows. Features responsive UI, application tracking, admin controls, dark mode support and scalable architecture.

✨ Key Features:

  • 📝 Online internship application system
  • 👤 Candidate profile management
  • 🛡️ Admin dashboard with full CRUD controls
  • 🌙 Dark mode / Light mode support
  • 📊 Application status tracking pipeline
  • 🔑 Secure authentication system

🛠️ Tech Stack:

MongoDB Express.js React Node.js Vercel REST API

Live Demo View on GitHub


📌 Real-Time Collaborative Document Editor

Project Stack Real-Time Firebase

A full-stack real-time collaborative document editor built with React, Node.js, Express.js, Socket.IO and Firebase. Features live document synchronization, authentication, user presence tracking, version history and role-based collaboration.

✨ Key Features:

  • ⚡ Real-time document synchronization via Socket.IO
  • 👥 Live user presence & cursor tracking
  • 🔐 Firebase Authentication integration
  • 📜 Document version history & rollback
  • 🛡️ Role-based collaboration controls (Owner / Editor / Viewer)
  • 💾 Auto-save functionality

🛠️ Tech Stack:

React Node.js Express.js Socket.IO Firebase JavaScript

View on GitHub


🏆 Achievements

🥇 Achievement 📋 Details
🏆 Internship Certificate Issued by TEYZIX CORE for successful completion of the Full Stack Development Internship
📄 Recommendation Letter Formal endorsement from TEYZIX CORE leadership for skills, work ethic and technical capabilities
3 Projects Delivered Completed all three assigned full-stack projects on time with quality standards
🚀 Live Deployment Successfully deployed projects to Vercel production environment
💡 Real-World Experience Gained hands-on MERN stack, Socket.IO, Firebase and system design experience

🛠️ Tech Stack

Frontend

HTML5 CSS3 JavaScript React

Backend

Node.js Express.js Socket.IO REST API

Database & Auth

MongoDB Firebase JWT

Tools & Deployment

Git GitHub VS Code Vercel


📊 GitHub Stats

Muhammad Yasir's GitHub Stats

Top Languages

GitHub Streak


🔗 Social Links

Platform Link
💼 LinkedIn linkedin.com/in/yasirawan4831
🐙 GitHub github.com/YasirAwan4831
🌐 Portfolio yasirawaninfo.vercel.app
🔗 LinkTree futuristic-links-dashboard
▶️ YouTube YasirTech
𝕏 Twitter / X x.com/YasirAwan4831
📸 Instagram instagram.com/yasirawan4831
✉️ Email yasirawan4831@gmail.com

LinkedIn GitHub Portfolio YouTube Twitter Instagram


📁 Repository Structure

teyzix-core-project-dashboard/
│
├── 📄 index.html          → Bare HTML skeleton (DOM injected via JS)
├── 🎨 style.css           → Design tokens, glassmorphism, animations
├── ⚙️  script.js           → Main JS — builds all DOM, logic & effects
├── 🖼️  favicon.svg         → Browser tab icon
├── 🖼️  yasir.png           → Profile photo
├── 📄 certificate.pdf     → Internship Certificate (password protected)
├── 📄 recommendation.pdf  → Recommendation Letter (password protected)
└── 📖 README.md           → This file

✨ Dashboard Features

  • 🌌 Animated particle canvas background with connected nodes
  • ⌨️ Typewriter effect cycling through developer roles
  • 🪟 Glassmorphism cards with gradient borders on hover
  • 📜 Smooth scroll reveal animations on all sections
  • 🔐 Password-protected certificate & recommendation viewer
  • 📱 Fully responsive — works on mobile, tablet & desktop
  • 🎯 Active nav highlight synced with scroll position
  • 🍔 Mobile hamburger menu with smooth toggle

📄 License

This project is for portfolio and internship showcase purposes.

© 2026 Muhammad Yasir · All rights reserved.

Built with ❤️ during the TEYZIX CORE Full Stack Development Internship