kristiyanpts / c4nexus-junior-dev-application

This is a project assignment by @C4 Nexus for the position of a Junior Developer.

Clothing Store

This small project was a task from C4 Nexus for the position Junior Dev. It has 3 product listing pages and uses mock data just for testing purposes. It is responsive so you can use it from any device.

It consists of 3 product listing pages (angular components) which are located in the the categories folder. All of them use two other components inside of them. The first one being the filters, which has a directive to set the available colors for filtering, and the second one being the actual listing page, which also has 2 directives - first one accepting all of the products from that category and the second one being just some header information.

IMPORTANT!

For testing purposes when clicking on a category it only loads 10 products (2 rows) initially and by clicking "Load More" it loads 10 more.

Live Demo - https://c4nexus-application-jdev.netlify.app/bags

1. Technical Description

The project was made using the following:

• Angular - Front-End
• Toastr - Notification service
• Pure CSS

2. Starting the project

1. Download/clone the repository

2. Open it in VS Code

3. Select the clothing-store folder, open a terminal and run the following commands

npm i
ng serve

4. Wait for everything to finish setting up and open http://localhost:4200 in you browser.

3. Contact me

LinkedIn - Krstiyan Petsanov

Instagram - kristiyanpetsanov

[email protected] - Mail