Git Product home page Git Product logo

app-a-palooza-app's Introduction

App-A-Palooza-App

An app to be used during the App-A-Palooza part of the Own Your Pursuit Event.

App-A-Palooza is an event where fellows apply to as many jobs as they can in a set amount of time.

This app will let fellows set a personal goal regarding the number of Job Applications they want to send during the event, aggregate the numbers in a community target and display a single bar Bar Chart that will go up towards the community target every time a fellow submits an application.

At the end of the event the community will be able to see if they collectively hit the target

Motivation

Humans like to see numbers go up and thinking that your job application as a single fellow helps the overall number go up can serve as a motivator to send more applications than what might be thought possible.

DB Diagram

Found here

GUI Designs

On Figma here

Server

Endpoints

Root endpoint: {{server_address}}/api

Method Endpoint Description Done/Priority
POST /users Add a new user with its goal ✅ / 1
GET /users/current Retrieve the current session information ✅ / 2
POST /job-applications Add a new job application ✅ / 1
GET /job-applications Get all users' job applications ☑️ / 4
GET /job-applications/community/count Get count of all users' job applications ✅ / 2
GET /job-applications/community/goal Sum of all users goals (the community) ✅ / 2
GET /job-applications/user/goal Retrieve a current user's goals ✅ / 3
GET /job-applications/user/count Retrieve the current user's count of applications sent ✅ / 3

Web Sockets Messages

Server -> Client

Broadcast to all clients

Message Payload Description
NEW_APPLICATION_ADDED {job_application} To update progress towards goal
NEW_USER_ADDED new_user_goal To update community goal

Client

Page Description
/ Display community and users' personal goal with progress
/register User registration and goal setting form
/community Display community and progress goal only

Steps/Components

  • React
  • Database
  • Server
  • Web Sockets
  • Notification library when someone submits a job.
  • Persistent session storage.
  • Chart React Library (maybe unnecessary) use px in css as %

app-a-palooza-app's People

Watchers

 avatar  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.