Setup
Before starting this lab, ensure that you have:
- Accept the Github Classroom assignment and clone this repo that contains stencil code for lab7.
- One member of the group should open a new project in the NativeScript Playground using Vue by utilizing the editor (exactly as done in the pre-lab). Share the project link so group members can modify on their own computers.
- Collaborating on this lab is a bit tricky because changes do not happen immediately. You should communicate to ensure that each member is looking at the same version of the file (can be seen in the "v=" part of the link). Only one group member can make changes at a time, and once those changes are saved, clicking "Save" will update the version number. Make sure that all group members go to that updated version (by changing the v= to the current version in the URL parameters) before making the next change.
- Upload the stencil to the project and begin working. If this proves to be difficult, paste the contents found in the
app/components/HelloWorld.vue
file to your current file and begin working.
Introduction
In this lab, you and your group will get to show off your mobile skills by creating your very own About US page using NativeScript!
Your page will contain some general information about your group members (listed below in the requirements section).
This lab is very open-ended so feel free to add any other information/functionality you want!
Requirements
You must include these functionalities in your application in order to receive full credit:
- A button linking to your favorite website or social media page
- An image of you or your avatar choice
- Include your favorite movie
- Any other fun fact(s) :)
- A label with your group name and/or group members' names
-
nativescript-geolocation
npm package being utilized to generate a button, that when tapped reveals your current location. - An overall appealing and clean UI
Handin Instructions
Handin on Gradescope preferably using your cloned git repo. Please make sure to delete the node_modules/
folder. It makes the handin size huge, and
we do not need it to recreate your dev
setup. .