Git Product home page Git Product logo

ken-flap-client's Introduction

flap-client

Flap-client is a React application designed for technical assessments.

The packages required to solve this assessment are already in project, so adding additional dependences via yarn/npm should not be necessary

Requirements

  • Node v16+
  • yarn

Run

yarn
yarn dev

Project Structure

  • / : Base directory, config files, package.json
  • /src: Application root
  • /src/actions: Redux actions creators and action type constants
  • /src/components: Components
  • /src/pages: Route page components
  • /src/reducers: Redux reducers combined with combineReducers
  • /src/selectors: Redux selectors
  • /src/types: Typescript declarations

In addition to this base directory structure, this project has two modes (so far)

  • local: Completely standalone, no external projects required (Home)
  • flap: Client for Python/Flask back-end, requires flap (Schools)

Note that the flap part of this project is only required if you've been instructed to use it, if it's not detected/set up the app's local mode should work just fine.

Submission

To submit your results clone this repo and push it to your own git repository.

  1. Create a new repo on your Github/Gitlab page

  2. Clone this repo

  3. cd flap-client

  4. Change the origin

git remote set-url origin https://github.com/<user>/<repo>.git

git remote add upstream https://gitlab.com/pathcore-external/flap.git

git remote -v
  1. Push to your repo

  2. (Optional) Deploying to Github pages

    • Change package.json's homepage key to point to own repo (eg "homepage": "my-user.github.io/flap-client-submission")
    • Change package.json's scripts.build key to point to own repo (eg "build": "webpack --env.repo_name='flap-client-submission'")
    • Run yarn deploy
  3. Email back to us with your repo and optionally your github pages url

ken-flap-client's People

Contributors

suoken avatar vassili-dev 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.