Giter VIP home page Giter VIP logo

project-b-11's Introduction

CS3240: Project B-11

Exercise Gamficiation

Herokuapp Link: https://project-b-11-cs3240.herokuapp.com/

Features

  • Create an account (by signing into Google)
  • Submit workouts you have completed and view them
  • Personalize your profile and edit it whenever
  • View your level and how much XP (Experience Points) you have gotten
  • Add friends and view their profiles and level
  • View how you stand amongst the leaderboard and your friends
  • Have a workout suggested to you by using the Workout Recommender

How to use the application

  1. Navigate to the website link in your browser.
  2. When the homepage loads, click the "Login" button or link in the navbar to login.
  3. Sign in using a Google account. You should be redirected to the homepage.
  4. On the homepage, you should see a list of "top users" and their stats. You can click on the button "View Profile" under each profile listing to see their full profile. If you view their profile, you can view their most recent workouts or send them a friend request by clicking the "Add Friend" button. You can cancel the friend request by clicking the "Cancel Friend Request" button. If the user accepts the friend request, you can remove them as a friend by clicking the "Remove Friend" button.
  5. You can view any incoming friend requests by clicking on the "Me" dropdown link on the navbar and clicking the "Friend Requests" link. If you have any friend requests, the number next to the link should reflect the number of friend requests you have. Once you click on the link, you have the option of accepting or rejecting the request.
  6. On the homepage, there should also be a text box on the right labelled "Search for User". Type in the name or username of the user you wish to search for and you should be redirected to a page with the search results.
  7. On the navbar, you should see a dropdown menu called "Me". Click on it and then click the link called "Workouts".
  8. You should be redirected to your workouts page, displaying your workouts and top friends.
  9. To enter a new workout, click the "New" button next to workouts and follow the prompts to enter information about the workout.
  10. After submitting a workout, you should see a message detailing how much XP you earned.
  11. Navigate to the profile page by clicking the dropdown next to "Me" in the top right corner, then clicking "Profile"
  12. On this page, you should be able to view your username, level, and past workouts.
  13. To edit your profile, click "Edit Profile" at the top of the screen. You can change your name, username, email, and biography under this tab.
  14. You can also view your friends, by clicking the "Friends" tab which is next to "Edit Profile".
  15. To have a workout suggested to you, you can click "Workout Recommender" at the top, then fill out the form and click submit.
  16. If you are done using the page, you can log out of your profile by clicking "Me" in the top-right corner and clicking "Logout".

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.