The main idea of this application is to help the user navigate and find all the products they desire in the comfort of their house the only requirement is an internet connection and a phone/computer.
Due to COVID-19 most shopping companies had difficulties in marketing and delivering products to their customers.
Online shopping is the go-to solution to help display and deliver products at no extra cost to the user.
- Opens the application he is greeted with the name of the application
Shopello. - The user will find a short description of the app and a button that allows him to navigate the contents of the application.
- Going to the main page the user will be able to explore the products and search for them using keywords or categories.
- Going to the search page to search for products.
- Once the user finds the desired product he can click on it to view the product details.
- By clicking the add to cart button, the user can save the product in the cart.
- By clicking the cart icon at the top of the page, the cart page will open displaying the products previously added.
- Once the customer presses on the buy button he will be directed to the sign-in page where an E-mail/username and password is required.
- If the customer doesn't have an account he can create a new account where the user inputs the E-mail, username, password.
- Finally, the user can proceed to checkout.
- As a user, I should be able to find a few descriptions of the application.
- As a user, I should be able to explore products.
- As a user, I should be able to search for products.
- As a user, I should be able to search for products using any language I want.
- As a user, I should be able to get more details for products when clicking on it.
- As a user, I should be able to determine how many products I want to buy from the details page.
- As a user, I should be able to add my product to the cart and save it until I check out.
- As a user, I should be able to remove any product from my cart.
- As a user, I should view my cart and determine how many products I want to buy.
- As a user, I can have my products list saved even if I closed the browser window.
- As a user, I should be able to create an account and save my data.
- As a user, I can log in to my account.
- As a user, I should be able to buy products using the currency I prefer when creating my account.
- HTML → to build the structure of the pages
- CSS → to style the application
- JS|DOM Manipulations → To create interaction between the page and the user
- local Storage → to store the data
- API → to fetch data from fake store
git clone https://github.com/GSG-FC03/shopellocd Shopellocode .