Code Monkey home page Code Monkey logo

pushpendra-1697 / sports-app-clone Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 449 KB

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.

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

HTML 0.93% JavaScript 96.30% CSS 2.77%
authentication axios bson-format bsondump expressjs hooks html-css-javascript mongodb-database mongoose nodejs

sports-app-clone's Introduction

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:

    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) Screenshot (243) Screenshot (244) Screenshot (245) Screenshot (246)

B) For Mobile/Tablet Screen :

Screenshot (247) Screenshot (248) Screenshot (249)

sports-app-clone's People

Contributors

pushpendra-1697 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.