Me RPG

Landing Page
Avatar Selection
Completed User Registration Form
User Portal
Leader Scoreboard

Note to developers

This project is built using MySQL. As such, without an appropriate database and database connection files, this project will throw a bunch of error messages, complaining of missing files and the like. Keep that in mind if you decide to download or fork this project!

Inspiration

As a group there were two main interests that we could agree on - fitness and gaming. So as a group, we decided to find a way to connect both and came up with Me RPG.

What it does

Me RPG is a task gamification web application. When you start with Me RPG, you are given a low-level avatar that you level up by performing and logging time you spend completing certain tasks that encourage good physical and mental health including exercise, reading, sleeping, and socializing.

How we built it

Me RPG is primarily built in PHP, with a splattering of raw HTML, Javascript, and CSS Markup.

Characters were created in Sims 3 and then cropped and edited.

Our code editors of choice were TextWrangler and Atom.

Challenges we ran into

Our biggest challenge was finding the best system and tools to collaborate on our project. We were able to set up a GitHub system that tracked changes between our team members.

Accomplishments that we're proud of

Our biggest accomplishment is creating a functioning and successful project.

What we learned

We learned how much easier it is to work on such a project with tracking and collaborative tools like GitHub.

What's next for Me RPG

In the future, Me RPG plans to reveal new characters to be unlocked at certain levels, a mobile app interface, connecting to activity monitors such as the Fitbit, and the possibility of battling other people's avatars. Another thought to encourage use of the app is to penalize users who don't consistently enter tasks completed by taking away experience points and potentially leveling down their character.

Built With

Sims 3 - Characters

Paint - Logos

TextWrangler, Atom, GitHub

PHP, HTML, CSS, jQuery, Javascript, MySQL

Built With

Submitted to

CarlHacks 2016

Created by

I worked on the layout, styling, design, and UI/UX design of the project. I also maintained and kept the file structure simplified.

Rielyn Campbell
I worked on the front-end. I also worked on the landing page and character selection pages. It was my first time using a webkit, which was a little intimidating, but I learned a lot throughout the project.

Leonardo Alcantar
I worked on the characters and logos. The characters where created with the help of Sims 3. I also did team managed and design.

Fanya Knee
I wrote the back-end for the web application. If you see the "<?php" tag, then it's probably my contribution. :) This was my first time building a full-stack web application powered by a database, and this has been a great experience.

Matthew Randolph

Updates

Leonardo Alcantar started this project — Apr 10, 2016 03:03 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.