Project-2: Fantasy Land

Badge

Title

Fantasy Land

Table of Contents

• Project-2: Fantasy Land
  • Badge
  • Title
  • Table of Contents
  • User Story
  • Description
  • Mock-Up
  • Usage
  • Features
  • Wireframe
  • Presentation
  • Tech
  • Roles
  • License
  • Link

User Story

As a user
I want to have a gaming website
that me and my friends can play on together.
So that I can play against them and save my scores.

Description

When I open the webpage, I am prompted to log in or sign up.

When I click 'sign up', I am asked to create an account with my name, email, and chosen password.

When I click 'log in', I am prompted for my email and password.

Then I am given a webpage that displays the games available, page navigation buttons and my friends list.

When I click 'Tic Tac Toe', Then I am taken to the game play page for Tic Tac Toe. How to play

When I click 'Connect Four', Then I am taken to the game play page for Connect Four. How to play

Our game requires 2 players, please invite your friends to join by sending them our website link.

When I play the game, Then my score is saved to my ranks page.

When I click 'Rank', Then I am shown a list of my past highscores.

Each user will have 1000 points at the beginning. Every time you win, you will get +10 points, if you lose, you will get -10 points

When I click 'Profile', Then I am taken to the profile page.

When I click 'Upload', Then I can choose an image file in my computer to replace the avatar.

When i input in 'NEW USERNAME' and click submit, Then I will update the selected new user name and avatar.

When I click 'Home', Then I am taken back to the main page.

When I click 'log out', I am logged out of the session.

Mock-Up

The following image shows the web application's appearance:

Usage

npm i, mysql -u -p, SOURCE db/schema.sql, create .env file, use .env-sample as reference, npm run start, npm run seed.

Features

Signup, login, logout.

View profile infomation, friend list and rank/highscores.

Change username and avatar.

Play Tic Tac Toe and Connect Four game with friends.

Wireframe

Wireframe link

Presentation

Presentation link

Tech

• HTML
• CSS
• Javascript
• Express.js
• Node.js
• Sequelize
• MySQL2
• Fetch
• Socket.io
• Handlebars
• Auth Sess+ Cookies
• Env Var
• Cloudinary
• Heroku

Roles

Brian Bixby : Git Administrator,lead on backend,functionality

Hannah Callison : Project Manager, lead on fontend,layout and styling

James Harding : lead on backend,functionality

MinhKhoi Nguyen : lead on fontend,functionality

Contact us with the link above if you have any questions!

License

MIT License

Link

Github: Project 2

Heroku: Project 2