Skip to content

victorcmarinho/Zappts-test

Repository files navigation

ZapptsTest

This project was generated with Angular CLI version 9.1.0.

Preview

Desktop

Mobile

Description

Create pages layout, “sign in” and “sign up”. Design available at the link: Adobe XD

  1. Layout development should be used with SASS (SCSS).
  2. During the development of this TEST project in the CSS file it is important to use SASS variables and also mixins, (colors, font family, font size, etc.)
  3. Animation: The slider should work with auto play, and when you click on the slider dots controls, the slide should switch to the nex one (for all others slides you can keep the same text and picture)
  4. All fields should be validated (*user can continue only when all fields is valid and fields is not empty)
  5. All invalid inputs should be marked as invalid with red color border and message (*This field can not be empty )
  6. Layout should be responsive.

For development fill free to choose any library or framework you like, React JS, Angular, Vue JS, etc.

Start Application

Install

    npm i or yarn

Start

    ng serve

Navigate to http://localhost:4200/

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.