TapIn

The Technology Ambassador Program at GGC strives to break the misconceptions of the IT field by providing fun workshops for students of all backgrounds. TAP students design engaging and fun outreach workshops to encourage interest in IT and STEM.

About

This project introduces students to the basics of static web development through the creation of a digital business card. Using Glitch as the development platform and NFC chips for easy sharing, students will build personalized web pages that showcase their academic background, personal info, work or project experiences, goals, and social links. The result is a smart, modern way to network and share professional profiles with a simple tap — perfect for students looking to boost their digital presence.

Project Information

• Difficulty Level: Easy
• Target Audience: 6th Grade - College
• Duration of Workshop: 30-60 mins
• Needed Material: NFC Chip, Mobile App capable of reading and writing to NFC Chip
• Goal: The primary goal of this project is educating others about static web development by creating a digital business card using NFC technology

TapIn

Team Members:

Professors: Top row from left: Dr. Chavonda Mills, Dr. Cengiz Gunay, Dr. Rahaf Barakat

Team members: Middle row from left: Micheal Murillo Martinez, Cameron Ventimiglia. Bottom row from left: Jesscia Simao, Michelle Watson

Outreach Activities:

1. TAP Expo (March 17) - Test our builds and to introduce TAP to other students.
2. Class Workshops (April 6, April 11, and April 27) - Walk students through a guided workshop.
3. STaRS Poster Presentation (April 14) - Display our poster and explain the data we collected to the judges.
4. Title One Workshops (April 23) - Walk middle school students through our workshop to give them hands-on experience.
5. Super Saturday Series (April 30) - Host a day of fun at GGC for middle school students.

Technology

NFC Chip - NFC (Near Field Communication) chips are small integrated circuits that enable short-range wireless communication between devices, facilitating contactless data transfer and transactions.

HTML, CSS, JS - Programming languages where HTML defines the content and structure of a webpage, CSS styles its presentation and layout, while JavaScript provides interactivity and dynamic functionality.

Glitch - is a web-based platform that lets users build, remix, and share full-stack web apps directly in the browser. It’s beginner-friendly, supports real-time collaboration, and is great for quickly prototyping or learning to code with HTML, CSS, JavaScript, and Node.js.

Project Setup & Installation:

• Create your Website on Glitch
• NFC Setup Instruction

Gallery