You can check the website iStore.
What?
This is an e-commerce website that sells Apple Products. It provides an easy-to-use user interface, along with a design that maximizes the user experience quality. The website is also equipped with an efficient functionality that performs fast processes.
Why?
E-commerce is the new form of shopping and is the most common in recent years. It has become crucial that we have the necessary skills to make a fully-functional store that is able to sell any products.
How?
Planning Phase:
- We have came with the idea of the website through our work with Gaza Sky Geeks.
- Sitemap consisted of 2 pages: Landing Page and Cart Page.
- We assessed the tasks we needed to accomplish as well as our skillsets.
- And finally we divided up the workload accordingly.
Development Phase:
The team agreed on guidelines to follow during development. The technologies and guidelines that we agreed to use and follow are:
- UI=>Figma: to build the First Design.
- HTML5: to build the basic structure.
- CSS3: to style the website.
- Git & Github: to plan and distribute tasks as a team accordingly.
- Javascript (JS): to give the functions to all the static elements.
- Local Storage: To save some features and data into local browser.
As a Buyer, I can :
- see all of the items available on the store
- search for item on the store by the name
- filter items by the price or by category
- add item to my cart
- see the items inside my cart
- delete any items inside my cart
As a Seller, I can :
- add my product (name, description, price, image[link], and category)
- see all of my product
- search through my products
- delete my own product
- edit all the information of my product
- Figma
- HTML5
- CSS3
- JavaScript
- LocalStorage
- Git & Github