MACK - Your Story, One Scan Away.

📢 About

Our mission is to empower students and the broader community to engage with emerging technologies through hands-on learning and creativity. Created by a team of passionate undergraduate students, MACK stands for Mohfez, Ayesha, Carri, and Keyvan—each bringing a unique perspective to the development of a simple, yet powerful digital identity platform.

💡 Project Information

• Difficulty Level: Easy
• Target Audience: 6th Grade – College Students
• Duration of Workshop: 30–60 minutes
• Required Materials: NFC Chip, Mobile App for NFC Chip

What is TAP?

Technology Ambassoder Program at GGC allows students to build projects using different technologies that have a target to teach others about techonology!
GGC TAP

👥 Team

• Mohfez Rahman 🙂
• Ayesha Syeda 💙
• Carri Waller 🎀
• Keyvan Shabani 🧙
  
  

🎓 Advisors

• Dr. Cengiz Gunay
• Dr. Rahaf Barakat

📝 Publications:

1. CCSC:SE Abstract
2. CREATE Symposium Poster, Nov 11th (in-person) and 12th (online) from 2-3:15pm, GGC.

🔎 Similar Projects

• TapIn

👐 Outreach Activites

1. Super Saturday Series (S3), October 12th(Boys) & October 14th(Girls) from 6:30 to 7:30pm, GGC – for middle and high schoolers to promote IT and STEM careers
2. TAP Expo, Oct 5th (in-person) and 7th (online), GGC – To promote the IT field and TAP program to college students
3. Class Workshops, Oct 27th, Oct 28th, Nov 2nd, and Nov 3rd, - To promote the IT field to non-IT college students

🤖 Technology

The technologies used in this project are HTML, CSS, QR Code, NFC, and APIs.

1. HTML, CSS

HTML (HyperText Markup Language) is used to structure the content of a webpage, while CSS (Cascading Style Sheets) is used to style and visually design that content—defining layout, colors, fonts, and more.

2. NFC Chips

NFC (Near Field Communication) chips are compact microchips that allow devices to exchange data wirelessly over short distances. Commonly used in contactless payments and digital sharing, they enable quick and seamless communication between compatible devices.

Inital Website

Project setup/Installation

1. Create a Github account.
   
2. Copy (fork) this project into your Github account and start editing'index.html' under the 'code' folder.
   
3. Hosting: Go to settings->options->github pages->branch=main->folder=root->save.
   

Usage

On the copied/forked index.html page, make the 5 edits in the code where the comments are.
Now you have your own personalized website!
Student Example