Skip to content

0xYST/CNT4104_Group_Proj

Repository files navigation

Team Networking project

In this project our team will create a front end and back end and use an API to return data to the front end to give the user interesting metadata. We will deploy the project with docker to show that we understand scaling and working with containers and API calls on a server.

Instructions on how to run Flask server in /flask/README.md

Mission:

  • Give the user the ability to query with our interface
  • Create a good architecture for calling to the back end and getting it to display in the front end
  • Creating custom docker images for our front and back end
  • Getting our containers to communicate with one another
  • Learning how to implement very basic distributed systems with our containers

Relation to Networking:

Working with the Spotify REST API to understand http queries and understanding how to deploy projects with docker where our users can use their web browser to access our web-based software. Docker can also be a gateway to understanding load balancing with distributed systems which is an important concept for understanding scalability and network load.

Group Roles:

  • Jordan – Docker deployment and project management
  • Chance – Front end UX/UI design
  • Jason – Back end and API integration

Sprint 1 Goals: (SEE ISSUES TAB)

  • Create a basic wireframe to get an idea of what we want the user to interact with
  • start working on the flask api for communication with the spotify api
  • work on dockerizing the flask api
  • make sure we scope out the authentication token from the actual codebase
  • make basic documentation and take some screenshots of the code at work

Very Basic Wireframe Concept

alt text

Wireframe Concept Two

alt text

Front End Basics

We decided to go with react as our front end and for this sprint and we worked to get the proper files installed and deployed so we can start bringing the wireframe to life (See Below) alt text

Completed Front end

The landing Page alt text The card Page alt text

Demo

https://www.youtube.com/watch?v=VNjEyzxVSnY&list=LLQN14ZPHLrmYeVw1wmdHe6A

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •