GithubHelp home page GithubHelp logo

web-app-test's Introduction

spottyegg frontend test

Here is a simple frontend test to be part of a spottyegg project frontend team. You do not need to finish the assigment, take about 1h if you don't get to the end dont worry, just skip to task 4 and give your opinion and we can discuss blockers during the interview.

Test paramters

  • Fork then install the project localy (npm i)
  • Make your fork private then share it with @etiennea
  • Have a look around the prototype
  • Task1: Add a profile page that is missing, be creative. (these shouldn't be functional, this is more a product design task, add some typical things that would be on a profile)
  • Task2: Add a simple register / login page. Use https://reqres.in for the backend. These should be almost functional but do not need to be perfect, think about how server communication should work.
  • Task3: Test your login / register page using cypress
  • Task4: Write a few sentences on what you would do different or better if you had more time and give your thoughts on the tech stack and file structure. Feedback on the test is also useful.

What we will look at

  • File structure, code organisation
  • Commits, fequency & commit names

NPM Scripts

  • ๐Ÿ”ฅ start - run development server
  • ๐Ÿ”ง dev - run development server
  • ๐Ÿ”ง build-dev - build web app using development mode (faster build without minification and optimization)
  • ๐Ÿ”ง build-prod - build web app for production

Cordova

Don't worry about this for the test, or even building just has to work on dev.

Documentation & Resources

web-app-test's People

Contributors

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