Men's Style Store App

Description

My app is called Men's Style Store App. It's a style app for men who have a hard time figuring out which products to buy and reviewing the item they selected and seeing other people's comments(CRUD functionality). This app allows consumers to comment on specific categories and to read the item's description and price and decide which item is good to buy in the future.

Techonologies Used

• HTML
• CSS
• JavaScript
• Python
• Django
• BootStrap
• Bulma
• Visual Studio
• Postgresql
• GoogleChrome
• Heroku
• Gunicorn
• Psycopg2-binary

WireFrames

Home Page

Product Page

Detail Page

Detail review Page

Data Models

User Stories

• As a user, I want to see products without logging into the home page.
• As a user, I want to signup and login to the app to see the categorized products.
• As an authenticated user, I want to see products based on categories.
• As an authenticated user, I want to be able to search for different products.
• As an authenticated user, I want to add/ remove my comment to the detail page of the item.
• As an authenticated user, I want to update my own comments.
• As an authenticated user, I want to read others' reviews.
• As a user, I want to be able to easily navigate the products on my mobile phone, so that I can buy products from anywhere.

Stretch Goals

• As an authenticated user, I want to see products based on price.
• As an authenticated user, I want to add/ remove a product to the cart.
• As a user, I want to be able to add updated product details.
• As a user, I want to add an admin dashboard for managing products.
• As a user, I want to be able to see the order details and status order for each order.

Deployed Heroku App

https://mens-styles-store.herokuapp.com/

Installation

1. Fork and Clone this respository https://github.com/BISrat3/Style-App
2. Download and install Visual Studio Code,Python3, Package (pip)and Django
3. To open the code, please use code .
4. To run the backend locally, please install Postgresql first.
5. In the terminal, run python3 manage.py runserver
6. Open http://127.0.0.1:8000/

Future Features

No add to cart/remove and filter items by price functionality. I will implement it later on with the full features of this e-commerce site and also add an admin dashboard for managing products, see the order details and status order for each order.

Contribution Guidelines

Please feel free to contribute to my code, identify bugs, and propose improvements!