Old Cove

...is a template for creating interactive stories built using React & SpringBoot!

Installation

1. Install the repository with git clone github.com/aidanbeck/old-cove.git.
2. Install required technologies listed below.
3. Within front-end, run npm install to install dependencies.
4. Connect your MySQL Database.

Technologies Used

• REACT for the front end.
• SpringBoot for the back end.
• MySQL for the database.
• Vite for building & deploying.
• IntelliJ for back-end development.

Wireframes

Homepage

Old Cove

Sign Up
Log In
Delete Account
About The Project

Credentials Screen

_Log_In_ / _Sign_Up_ / _Delete_Account_

Username [ herobrine ]
Password [ ******    ]

// optional red error text
[      Submit     ]

Play Screen

         Old Cove
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
location ┏━━━━━━━━━━━━━━━━━━━┓ items
    list ┃ Room description  ┃ list
    ~~~~ ┃ box.              ┃ ~~~~
    ~~~~ ┗━━━━━━━━━━━━━━━━━━━┛ ~~~~
         ┏━━━━━━━━┓ ┏━━━━━━━━┓
         ┃Choice A┃ ┃Choice B┃
         ┗━━━━━━━━┛ ┗━━━━━━━━┛
         ┏━━━━━━━━━━━━━━━━━━━┓
         ┃      Choice C     ┃
         ┗━━━━━━━━━━━━━━━━━━━┛

Entity Relationship Diagram (Database)

           =Activity=
           id
=User= <-- user
id         logInCount
name       moveCount
password   dateCreated
position   lastLogin
signals    moves
locations
inventoryItems

Future Features

• An upload page for user created stories.
• A browse page to discover user created stories.
• Proper authentication & password encryption so the project can be safely deployed.