Skip to content

Latest commit

 

History

History
executable file
·
86 lines (64 loc) · 1.92 KB

README.md

File metadata and controls

executable file
·
86 lines (64 loc) · 1.92 KB
Raw

Contest App

Description

Its realtime contest app, which exposes contests over UI (Web and Mobile), gives feature to Create contest, give vote and generate the results. Tech stack - Web - React, Redux Backend - Node, Sockets, Express Mobile App - Cordova-VanillaJS, Maps, Sockets.

Installation

Server :

cd server
npm install
npm start

# starts server on port 3001
# api
http://localhost:3001/api

Admin Web Client :

Go to another terminal tab

cd client-web
npm install
npm start

# starts server on port 3000
# UI
http://localhost:3000

Cordova App :

Go to another terminal tab

cd mobile-app
cordova build browser
cordova run

# starts app on browser server on port 8000
# App
http://localhost:8000

Details :

Mobile App -

  • Takes geolocation of user, emit co-ordinates towards server
  • Get Contest details from server based on the matched co-ordinates
  • Process the Contest details, take all users and respective co-ordinates details from it.
  • Place markers on the map
  • On click of marker, displays map-info box with username
  • On click of map-info box, opens the modal with username, image and Swipe feature
  • Swipe left / right on the modal to vote
  • After swipe vote details get sent towards server
  • Realtime sync of data using socket.io

Server App -

  • Receives geolocation of user
  • Send Contest details based on the matched co-ordinates
  • Send Connected users details to all
  • Receive vote details from client and update data
  • Realtime sync of data using socket.io
  • Express based APIs for the Contest CRUD operations

Web App - Admin Panel

  • Create Contest by entering details : Contest name, desc, start date, end date, entrants (name of users - comma seperate), co-ordinates ( JS object seperated by "+" ) -- [format {lat:, lng:} + {lat:, lng: } ]
  • View Contest Details
  • Edit Contest Details
  • Delete Contest Details