Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pushpendra-1697/sports-app-clone

This application for sports enthusiasts to find and join sports events near them. With this app, users can browse a list of available events, view details about each event, and join the events they are interested in. The app allows users to create their own events and join other users after token-based authentication.
https://github.com/pushpendra-1697/sports-app-clone

authentication axios bson-format bsondump expressjs hooks html-css-javascript mongodb-database mongoose nodejs react-components react-redux react-router-dom reactjs redux-thunk relationships rest-api token-authetication

Last synced: 21 days ago
JSON representation

This application for sports enthusiasts to find and join sports events near them. With this app, users can browse a list of available events, view details about each event, and join the events they are interested in. The app allows users to create their own events and join other users after token-based authentication.

Awesome Lists containing this project

README

        

# Sports-App-Clone

# Overview

This application for sports enthusiasts to find and join sports events near them. With this app, users can browse a list of available events, view details about each event, and join the events they are interested in. The app allows users to create their own events and join other users after token-based authentication.

# Frontend Verecel Deployed Link :

https://player-app-khaki.vercel.app/

# Backend Cyclic Deployed Link:

https://playerserver.onrender.com

# Tech Stack :

# A) Frontend :

React (JSX Syntax), Redux, Chakra-ui Library for Styling & Modal, axios for handling asynchrous request, react-router-dom for routing or Navigate from one page to another, Standard react components, React-hooks, chakra-icons & react-icons.

# B) Backend :

Node.js, Express.js, mongodb (NoSQL), mongoose for connect database to server, cors for handling the cors error, relationships between collections, BSON and Bsondump.

# Some instructions to run locally :

## Installation

Clone the Repository from Github. Then do the following steps:

```bash
npm install

# For Frontend
npm run start
(Or)
npm start

# For Backend
npm run server
```

# Some HTTP (Hyper Text Transfer Protocol) Status Code Which I used :

404 ---> Not Found/failure

200 ---> OK/Success/get/put

201 ---> Created/post

204 ----> Delete/reject

# Some Project Screenshots :

# A) For Computer Screen:
![Screenshot (242)](https://user-images.githubusercontent.com/104748364/236122313-764227c0-f9c9-49a4-a747-85066364f4cc.png)
![Screenshot (243)](https://user-images.githubusercontent.com/104748364/236122333-a410458a-c662-4a59-88a2-3b168d5cb606.png)
![Screenshot (244)](https://user-images.githubusercontent.com/104748364/236122357-b6920bb3-5687-41a3-b488-5bad25d5c870.png)
![Screenshot (245)](https://user-images.githubusercontent.com/104748364/236122366-1dfd9da3-0d2c-4724-ae4b-533a6c075083.png)
![Screenshot (246)](https://user-images.githubusercontent.com/104748364/236122391-7d4ce756-e37f-429a-b39e-c3edb6f46521.png)
# B) For Mobile/Tablet Screen :
![Screenshot (247)](https://user-images.githubusercontent.com/104748364/236122443-1de961f3-a0a2-4b2d-98a6-89b80d0c89b0.png)
![Screenshot (248)](https://user-images.githubusercontent.com/104748364/236122455-584c01c1-9687-4507-a3eb-a659bcbb2426.png)
![Screenshot (249)](https://user-images.githubusercontent.com/104748364/236122472-2f093e06-1e5d-4cd3-aea3-383297940698.png)