Skip to content

wowgr8/phrazel-frontend

Repository files navigation

Front-End Repo for "Phrazel"

Phrazel is a game created by Team Concurrent of Code the Dream's Baboon/Bald Eagle Practicum. Team Concurrent is made up of our back-end team (Aboubacar, Alejandro, & Mauricio) & our front-end team (MacKenzie, Cesar, & Brendan). We were mentored by Dan & Frank of Code the Dream (CTD).

Phrazel is being deployed on Vercel on the front-end & Render on the back-end--test out the fully-deployed game here.

-----------------------------------------------------

Previews

Landing page:

Landing page image


Game lobby:

Game lobby image


Game screen:
Waiting for players to submit words
Game screen image

API-sourced hints & a correct guess
Hints & a correct guess image

Winner & Game Over screen
Winner & Game over image

-----------------------------------------------------

Table of Contents

  1. Previews
  2. Technologies Used
  3. Description
  4. Component Diagram and Hierarchy
  5. Setup/Installation Requirements
  6. Known Bugs
  7. Contact Information
  8. License

Local development

Trying to run the game locally? You will need to run both this front-end app & the back-end server here on your local machine.

Note that you can also see the history of the project for the time being on the CTD repos that the front & back-ends were forked off of--see the old front-end repo here & the old back-end repo here.

Steps for local development

  1. Clone this repository to the folder that was already created for both the front-end and back-end repos
  2. Run npm install to install dependencies
  3. Pull the latest version of the main branch
  4. Run npm start to start the development server
  5. Open http://localhost:3000 with your browser to see the data received the back-end server.