/SportyPHY-client

The issue of connecting individuals who share similar sporting interests in close proximity and forming teams to engage in various sports due to busy corporate schedules is significant. However, a solution can be readily achieved by Sporty-PHY, which would facilitate the connection of nearby sports enthusiasts and enable them to form teams .

Primary LanguageJavaScript

Find the backend link here !

https://github.com/ImAnshuJoshi/SportyPHY-server

🏅 Sporty-PHY

Sporty-PHY is a cutting-edge platform designed to address the pressing challenge of connecting sports enthusiasts within close proximity and facilitating team formation for recreational activities. Through our user-friendly interface, individuals can easily find like-minded players in their vicinity, establish connections, and form teams. The platform fosters collaboration by providing room and group functionalities, enabling team members to strategize, communicate, and organize matches.

To ensure accessibility, Sporty-PHY facilitates the discovery of available sports facilities by connecting teams with individuals who can provide spaces such as badminton courts or volleyball grounds for a nominal fee. Celebratory moments and milestones can be shared through our integrated social media feature, enhancing the sense of community.

With privacy in mind, Sporty-PHY allows users to create private rooms and groups, ensuring exclusivity for selected members through invitation-only access or unique room codes. Additionally, our platform offers a convenient marketplace for users to buy and sell sporting equipment, with Sporty-PHY facilitating secure transactions and charging a nominal 10% fee on the sale amount.

Sporty-PHY is poised to transform the landscape of recreational sports, providing a professional and seamless experience for sports enthusiasts to connect, compete, and celebrate their shared passion while prioritizing their mental and physical well-being.

Getting Started

To start using Sporty-PHY, you will need to run both the frontend and backend components. Follow the instructions below to set up and launch the application.

Frontend

  1. Clone the repository from GitHub:

    git clone https://github.com/ImAnshuJoshi/SportyPHY-client.git

  2. Install the dependencies:

    npm install

  3. Create a .env.local file in the root directory of the frontend and add the following environment variables:

    REACT_APP_BACKEND_URL=
REACT_APP_SOCKET_SERVER_URL=
REACT_APP_EMAILJS_SERVICE_ID=
REACT_APP_EMAILJS_TEMPLATE_ID=
REACT_APP_EMAILJS_USER_ID=

    Ensure that you provide appropriate values for the environment variables.

  4. Start the frontend server:

    npm start

    The frontend will be accessible at http://localhost:3000 by default.

Feel free to explore the Sporty-PHY platform and unleash your passion for sports! 🚀

NOTE:

After you are done cloning both client and server, you can add docker-compose.yml file as well in the root directory

version: '3.8'
services:
  client:
    build: ./SportyPHY-client
    container_name: clientapp_c_c
    ports:
      - "3000:3000"
    stdin_open: true
    tty: true
    env_file:
      - ./SportyPHY-client/.env
  server:
    build: ./SportyPHY-server
    container_name: serverapp_c_c
    ports:
      - "8000:8000"
    stdin_open: true
    tty: true
    env_file:
      - ./SportyPHY-server/.env