Coder Social home page Coder Social logo

curve-front-end's Introduction


Curve Logo

Curve: Curve Front End

DESCRIPTION

Contributers
  • Vanessa Wei
  • Spencer Hirata
  • Joseph Wolfe
  • Jon Gentry
  • Gregory Dukes
  • Cory Henderson
  • Chris Merrit
  • Billy Bunn
  • Alex White
  • Aaron Ferris

This Group was split into two teams and tasked with creating the front-end, this user focused portion of the Curve app. The Group was split into two teams for this initial part of the project. One team focused on the UX/UI and styling of the app, while the other focused on the logic and integration with the back-end, or server side of the app.


Client Requirements

The client had several requirements for us to try to achieve with the front end of this app. First and foremost, they wanted us to re-create the functionality of an example found at Medium: Snowflake. Other requirements include:

  • Implement GraphQL
  • Utilize Gatsby.js
  • Dynamically import Competencies and Proficiencies

Deployment Link

How to run locally

Clone the repo and open in your favorite editor. Run npm -i to install the necessary dependencies. Run npm start to get the app up and running. Have fun!

Frameworks and Tools Used

  • Node.js
  • React.js
  • Redux
  • Gatsby.js
  • Apollo.js
  • GraphQL
  • Medium
  • docz
  • Jira
  • VS Code
  • VIM

And Rationale for that choice:

We choose Node because we wanted to write this in JavaScript and Node is the preferred platform for JS applications. We wanted to use Gatsby because it had built in support for GraphQL and Apollo. Those frameworks gave us capabilities we needed for speedy data queries. The original inspiration for this app was found on the Medium website, and we chose to use docz to document the app because it plays nicely with Gatsby. We utilized Jira for our agile focused daily sprints and Khanbhan board, with team managers setting tasks and assigning them to team members.

UML

frontEnd UML

Process flow

the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox

Current functionality

the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox

Known bugs

Existing limitations, etc

the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox

Tasks remaining

TODOs

the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox

Recommendations for future development

the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox the quick brown fox

Docs Referenced (links)


footnotes

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.