Real-Time Location Ping Map - Adding New Feature to our Progressive Web App
Project scope
Categories
Data visualization UI design Website development Mobile app development Software developmentSkills
progressive web apps react jsx javascript (programming language) cascading style sheets (css) dynamic html github git (version control system) d3.js (javascript library) location apisOur company is building a gamified social app which utilizes real-world, tech-embedded products and product packaging paired with digital profiles to create an innovative loyalty system for brands and creators.
A part of our new web-app is a Data Dashboard that our partners/clients can use to visualize key metrics on their community and users. One of the most important pieces of data on our platform involves users tapping NFC chipped products with smartphones in the real world, where we collect location and other information from the tapper.
We would like to have students work under our developers to create a dynamic visual display of this location data in real time. Our end goal is a live-updating, scrollable map or globe which shows where in the world a new tap occurs, and leaves expandable pins for the admin to see more detailed information. (Shopify's sales map is a perfect comparable.)
This project will involve several different steps for the students, including:
- Researching technologies that could help build this map feature.
- Selecting the best technologies and planning out the build
- Connecting with our team and reviewing our existing brand kit to design what the feature will look like, and how it will function.
- Building and integrating an MVP of the map with our existing systems.
Bonus steps in the process could also include:
- Brainstorming additional map features
- Live-testing the map with real NFC chips we provide
- Creating filter tools that allow an admin to view pins from different time ranges, phone types, and other types of user information
By the end of the project, students should demonstrate:
- Understanding of technologies used to create this type of feature
- The reasoning behind their selected method of building it
- Thorough understanding of our brand's visual kit and desired functionality
- Understanding of the types of data the map will be visualizing, and why
Final deliverables should include
- Functioning MVP of the Map feature
- Instructions or suggestions for maintaining and improving upon the map feature over time
Bonus steps in the process could also include:
- Brainstorming additional map features
- Live-testing the map with real NFC chips we provide
- Creating filter tools that allow an admin to view pins from different time ranges, phone types, and other types of user information
Providing specialized, in-depth knowledge and general industry insights for a comprehensive understanding.
Sharing knowledge in specific technical skills, techniques, methodologies required for the project.
Direct involvement in project tasks, offering guidance, and demonstrating techniques.
Providing access to necessary tools, software, and resources required for project completion.
Scheduled check-ins to discuss progress, address challenges, and provide feedback.
About the company
INTRFAC3 is a new and exciting companion app, designed to help brands and creators engage, retain, reward and grow their communities.
Through our ShareTech chip-embedded wearables and gamified loyalty platform, we are bridging the digital and physical worlds; offering brands, creators and IP owners the ability to increase their reach organically, by empowering and adding real value back to their active supporters.