BY Store

Responsibilities - Full-Stack Development, UI Development

About the Project

BY store is a full-stack eCommerce store made from scratch. It mocks real-life eCommerce sites and has its full functionality. The app is developed in React, and the back-end is built with Firebase. The concept of the store is to provide the best air-conditioners, smartphones, and cameras. This store was inspired by some air conditioning websites based in Australia.

Creative Process

The process started with defining the demographic for the website. The demographics were people aged between 30 to 50 years, working-class, and living in countries with a warm climate. For this purpose, the layout of the store is designed into a grid system and is symmetrical.

The colors combination for this store is red and blue. The reason is red grabs the attention very fast, and blue complements red very well. The visual hierarchy of the web pages is designed very carefully as it is easy for users to follow through and scan the page with ease.

The navigation is placed on the left side of the screen and is fixed during scrolling as it saves the users an extra step to go to a new web page thus, enhancing the user experience of the store.

Key Features

Authentication

The website is JWT as the method for authenticating the users. Additionally, the store also uses HTTP cookies for extra protection.

Admin Dashboard

The store consists of an admin panel which allows admin create, delete, and edit product and orders.

Security

The store is fully protected from XSS and CSRF attacks.