vorotyna / sportami

A geosocial sport networking application built to find sports opponents.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sportami

Created by Alisa Vorotyntseva, Corbin Heryet, and B Stolb

Sportami is an online geosocial networking application utilizing the PERN stack to allow people to find an opponent for their next game of their, and your, favourite sport. Become a part of a vast community of people and find some amis to turn into your enemies!

Registration Pages

registration-page.mov

Main Page

main-page.mov

Figma

"Wireframe"

"Colour Schemes"

"ERD"

How It's Made:

Tech used: PostgreSQL, Express, React, Node, Material UI Sportami utilizes the PERN stack to cover front-end, back-end and database management.

Setup:

  • On your terminal, clone the repo via git@github.com:Cheryet/sportami.git
  • On your preferred code editor, open the root project folder, i.e. the main sportami folder
    • duplicate the .env.example file located in sportami/server, then remove .example from its filename
      • in this newly-created .env file, provide the variables with relevant values
      • save your changes
  • On your terminal, enter psql
    • then \c sportami
    • then \i server/db/schema/create.sql
    • and finally \i server/db/seeds/allSeeds.sql
  • On your terminal, navigate to sportami/server
    • then npm i
    • then npm start
  • On a separate terminal, navigate to sportami/client
    • then npm i
    • then npm start
  • Keep the 2 terminals up and running
  • On your browser, navigate to http://localhost:3000/ and start exploring the app!
    NOTE: The app is built to view on a screen size of 375 x 636px (i.e., iPhone 11 Pro).

About

A geosocial sport networking application built to find sports opponents.


Languages

Language:JavaScript 72.2%Language:SCSS 26.1%Language:HTML 1.6%Language:Shell 0.1%