Skip to content
/ MACK Public

Design your own website ~ A TAP Workshop/Demo

Notifications You must be signed in to change notification settings

TAP-GGC/MACK

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ac1134b Β· Nov 27, 2021
Nov 13, 2021
Nov 27, 2021
Nov 4, 2021
Oct 29, 2021
Oct 29, 2021

Repository files navigation

MACK Pages

Description:

Our project is a simple all-about-you page that can be customized with your choices. It is a 5-step diy cover page website that can be obtained with a QR code or NFC chip to share with others. The technologies we are planning to use are Github, QR codes and NFCs. We also have used an API to generate quotes with every page refresh. The target of this project is for users to get introduced to QR code, NFCs, usage of API, and utilize HTML/CSS.

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!
Link for TAP at GGC

Team:

  • Mohfez Rahman πŸ™‚
  • Ayesha Syeda πŸ’™
  • Carri Waller πŸŽ€
  • Keyvan Shabani πŸ§™

    Team Photo

    Professors: Dr. Cengiz Gunay and Dr. Rahaf Barakat

Publications:

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

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:

  1. The technologies used in this project are HTML, CSS, QR Code, NFC, and APIs.
  2. Inital Website
    Inital Website Photo

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