Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 22 additions & 16 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,32 +1,40 @@
# Teaching Static Web Development with NFC Technology
## Description
<p align="center">
<img alt="Tap In logo" src="https://github.com/aeristran/TapIn/blob/main/media/remove1.png?raw=true" height="200" />
<h1 align="center">TapIn: Build a Digital Business Card!
</h1>
<p align="center"> Teaching Static Web Development with NFC Technology</p>
</p>

## 📢 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
* The primary goal of this project is educating others about static web development by creating a digital business card using NFC technology
* This project involves students creating digital business cards containing information about their academic courses, personal details, work or project experiences, goals, and preferred social media platforms for sharing. The technology employed includes the use of NFC chips to facilitate easy sharing of these digital cards. The result is a convenient and innovative method for students to network and share their professional and personal information with others they encounter. The target audience are students seeking to enhance their networking capabilities and digital presence.
* The Technology Ambassador Program (TAP) 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.
## Team
* Cameron Ventimiglia
## 👥 Team
![Pasted Graphic](media/TapInTeam.jpg)
* Cameron Ventimiglia
* Michelle Watson
* Jesscia Simao
* Micheal Murillo Martinez
## Advisors
## 🎓 Advisors
* Dr. Cengiz Gunay
* Dr. Rahaf Barakat
## Team Photo
![Pasted Graphic](https://github.com/BrianMorga/TapIn/assets/93609613/90bda334-076e-49aa-8f73-b7e43a6d8df7)
## Publications
## 📃 Description
This project involves students creating digital business cards containing information about their academic courses, personal details, work or project experiences, goals, and preferred social media platforms for sharing. The technology employed includes the use of NFC chips to facilitate easy sharing of these digital cards. The result is a convenient and innovative method for students to network and share their professional and personal information with others they encounter. The target audience are students seeking to enhance their networking capabilities and digital presence.
## 📝 Publications
1. [STaRS Poster](https://github.com/TechAmbassadors-GGC/TapIn/blob/main/documents/TapIn-Stars-Poster.pdf)
## Outreach Activities
## 👐 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.
## Similar Projects
## Technology
## 🔎 Similar Projects
## 🤖 Technology
This project uses HTML, CSS,JavaScript, NFC Chips, and QR Codes
1. ### HTML, CSS, JavaScript
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.
Expand All @@ -35,10 +43,8 @@ Programming languages where HTML defines the content and structure of a webpage,
NFC (Near Field Communication) chips are small integrated circuits that enable short-range wireless communication between devices, facilitating contactless data transfer and transactions.

## Project Setup/Installation
### Create a Replit Account.
[Creating a Replit Account.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/Creating%20a%20Replit%20Account.pdf)
### Create a Website on Replit
[Creating a Website on Replit.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/Creating%20a%20Website%20on%20Replit.pdf)
### Create a Website on Glitch
[Creating a Website on Glitch.pdf](https://github.com/aeristran/TapIn/blob/main/documents/Create%20your%20Website%20on%20Glitch.pdf)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use relative links here so it points to the folders regardless whose account it's in. just change it to start from documents/...

### Setup NFC Reader App
[NFC Reader Instructions.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/NFC%20Reader%20Instructions.pdf)

Expand Down
Binary file added documents/Create your Website on Glitch.pdf
Binary file not shown.
Binary file removed documents/Creating a Replit Account.pdf
Binary file not shown.
Binary file removed documents/Creating a Website on Replit.pdf
Binary file not shown.
Binary file modified documents/Tap-In-Workshop.pptx
Binary file not shown.
Binary file added documents/Tap-In.pdf
Binary file not shown.
Binary file removed documents/TapIn.pdf
Binary file not shown.
Binary file added media/blacktapinlogo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/remove1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/tapinlogo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.