Kyncho

Environment-Friendly Web application

Overview

Kyncho is for one of our clients based in the UK. In the UK, there is a trend going on right now to use reusable cloths. People there want to use eco-friendly things. Kyncho’s built with a very special perspective in mind. To send the users to the relevant websites that are selling reusable clothes online. Using the affiliated marketing strategy. What it’s doing is that it’s scraping four UK-based websites (with their consent) daily and displaying their products. When a user clicks on one of the products, we send the user to the relevant website. And in return, we receive a small commission from the relevant website for that.

Client requirements

There is a wave going right now in the UK to use eco-friendly products. The type of products that can be reused. So, people are bending towards the concept of using reusable clothes too. There are numerous stores in the UK that are selling reusable clothes online. 

Our Client wanted to build a website on the principles of affiliate marketing. 
He wanted to scrap four UK-based online websites and display their products on his website. So, a user can come to his website, see the product, and when they click on it to buy it, they will be redirected to the relevant store. And, in return, we will receive a small amount in the form of commission for sending the users to our affiliated websites.

Discovery

As with many of our projects, we kicked this project off with an in-depth interview with the key stakeholders. During our interview with them, we identified what their core value is. What is the one main reason behind this idea?

We utilized our time digging into the core of what Kyncho truly can be, how other competitor sites are operating their businesses, pain points, and learning about their target audiences. 

Strategy

After compiling all of the learnings from the Discovery phase, we jumped into a wireframe audit. We conducted meetings with our client and received some suggestions on wireframes. After going back and forth with our client, we put together a design strategy based on the wireframes.

The site vision had a lot of complexities, and the designs had to be crafted in a way that allowed for maximum flexibility and customization. Our design team had the challenge of not only designing pages to be visually pleasing but also keeping different client CMS management use cases in mind to make sure the designs worked for every foreseen situation.

The client does not have any Technology preference but some base guidelines for their future application, including some points like it should be fast and easy to maintain.

Nodejs on the back end and Angular on the front end were suggested in the presentation by our CTO with the client management team and they happily agreed on it. For the DB, we agreed on using PostgreSQL.

Build

With the design ready, we jumped into designing the main layout of the application with the close coordination of our client, which led to the project setup and architecture design, Back end project was established on node.js and Express framework with Sequelize as an ORM. The Frontend project was set up with Angular 9.

As we knew, the core value of the application was that it was supporting the cause of an eco-friendly environment. Our developers were aware of the core value. Our designer worked in close collaboration with the client to make sure we were displaying through the design what was required.

While building the application's architecture, the core focus was to set up a project that followed the market standard and best coding practices. A sheet of coding practices was shared across the team who was working on the project and the best practices were ensured with peer code reviews and pull request approvals before it merged to the main repo.

Test & Launch

With all the complexities and moving pieces of the build, the testing phase was incredibly rigorous. Our team completed thorough testing on all the major browsers and mobile devices to ensure that the performance was top-notch no matter what the future customer would use to browse the site.

Once the testing was finished, it was time for the big launch! After such intense work, it was a great feeling to watch the site as it was unveiled to the world.

Technologies

Angular

Angular

JS framework by Google to create simple, progressive web apps that is efficient in coding and development time.

Nodejs

Node.js

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

Python

Python

Python is an interpreted, object-oriented, high-level programming language with dynamic semantics.Python's simple, easy to learn syntax emphasizes readability and therefore reduces the cost of program maintenance. Since there is no compilation step, the edit-test-debug cycle is incredibly fast.

Postgresql

PostgreSQL

PostgreSQL, also known as Postgres, is a free and open-source relational database management system (RDBMS) emphasizing extensibility and SQL compliance. It is the default database for macOS Server and is also available for Windows, Linux, FreeBSD, and OpenBSD.

Scrapy

Scrapy

Scrapy is an application framework for crawling web sites and extracting structured data which can be used for a wide range of useful applications, like data mining, information processing or historical archival.

Let's build something amazing together!

Let's get
coffee

+1-224-765-4249

Crown Street, New Haven,
Connecticut, 06510
USA

+92-331-2502777

106-C, A, Block
Faisal Town, GOR 5, Lahore
Punjab, Pakistan.