Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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