Develop 5 Angular/Ionic custom components and few global scss

The work consists of creating 5 Angular components and few scss class

Check this link for see what you need to do:
https://www.figma.com/file/1eMH32ZnGisWtOzXg03Qzt/SP---DESIGN-SYSTEM?node-id=0%3A1

If you check the figma designs you will see that we have basically 2 sections:

The Component section and the Classes sections. You need to create scss classes on src/styles/global.scss file, and you need to create all components on src/app/features/components-shared folder.


For start working you need to clone and do all work in our repo:
https://bitbucket.org/speed-paradigm/sp-components-freelancer/src/master


Summary of steps to follow:

Clone our git repo and read the README.MD file.

Class: Create the scss Class styles and put them inside the /src/styles/global.scss file

Create all components with correct names and folder location

Put all Scss classes and components that you created in app.component.html page for test and have a nice view of how looks all of them

Be sure that components and styles look exactly as designs, have exactly the same name, inputs, outputs etc. And be sure that all works as is defined.

Send us a copy of the src/ folder. You cannot commit and push anything, we just need the src/ folder.


Observations:
You can’t import external packages.
You only must use SCSS, HTML and TS. And only the Ionic Components must be used.
We need this work ASAP so we will be very happy and we will provide you 5 Stars if you finish fast
If you have questions, please ask us