Skip to content

prestonprince/RocketPilled

Repository files navigation

Rocket Pilled

Rocket Pilled is a mix between a passion project and a website clone, inspired by CheckMateGaming. Rocket Pilled is a site where Rocket League players can go to make solo, duo, or squad teams, and go head to head against each other to compete for experience points.

✅ Wiki Link

👩‍💻 Tech Stack

Frameworks, Platforms and Libraries:

JavaScript HTML5 CSS3 NodeJS Flask React Redux Redux

Database:

Postgres

Hosting:

Render

MVP Features

Sign Up

Users can access Sign Up via the 'Join Free' button in the top right.

Sign Up Demo

Sign Up Form Component

This is the component the user sees when filling out the form to sign up as a new user. Controlled inputs are used here in conjunction with the React useState hook, and the function onSignUp is invoked when the form is submitted.

Sign Up Form

Log In

Users can access Log In via the 'Sign In' button in the top right.

Log In Demo

Log In Form Component

This is the component the user sees when filling out the form to log in as an existing user. Controlled inputs are used here in conjunction with the React useState hook, and the function onLogin is invoked when the form is submitted.

Log In Form

Make Teams and Post/Accept Matches

Logged in users can make a Solo, Duo, or Squad team, and post or accept matches.

Log In Demo

Create/Delete Teams Thunk Actions and Reducer Using React-Redux

When creating or deleting a team, these functions are invoked, which make a call to the backend server, inputting data or deleting data from the database, which is then communicated through the Redux store. Create/Delete Teams Thunks Teams Reducer

💻 Run Locally

Clone the project

  git clone https://github.com/prestonprince/RocketPilled.git

Go to the project directory

  cd rocket_pilled

Install dependencies

Backend

pip install -r requirements.txt &&
flask db upgrade &&
flask seed all

Frontend

cd react-app
npm install

Start the server

pipenv run flask run

In seperate terminal

cd react-app
npm start

🖥 Environment Variables

To run this project, you will need to add the following environment variables to your .env file

SECRET_KEY=boostedGG
DATABASE_URL=sqlite:///dev.db
SCHEMA=rocket_pilled