Fantasy Land
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.
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.
The following image shows the web application's appearance:
npm i, mysql -u -p, SOURCE db/schema.sql, create .env file, use .env-sample as reference, npm run start, npm run seed.
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.
- HTML
- CSS
- Javascript
- Express.js
- Node.js
- Sequelize
- MySQL2
- Fetch
- Socket.io
- Handlebars
- Auth Sess+ Cookies
- Env Var
- Cloudinary
- Heroku
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!