Online clothing store web app. We sell our own products, made with the highest quality fabrics and cloths, as well as the best brands on the market. We promote reducing clothing waste, so everything on sale is guaranteed to last more than two years, thus fighting climate change.
Based on minimalistic design bringing user experience upfront.
We provide a catalog that can be filtered through different categories, allowing users to access all products intuitively with ease. Furthermore, users can save a wish list for future transactions. Once the shopping cart is done, a checkout may be fullfilled.
| Name | Github User | |
|---|---|---|
| Pablo Pinillos Trigueros | [email protected] | PabloPinillos |
| Adrián Sánchez Guirado | [email protected] | a-sanchezgu-2019 |
| Jorge Esteban Pérez | [email protected] | JEstebanPerez |
| Ana Cristina Acosta Hernández | [email protected] | AnaAcostaH |
| Mario Rojas Padrón | [email protected] | MarioRP-01 |
- Index: landing page with products ordered by relevance. This filter can be changed to categories. A user can sign in or sign up from this screen. Clothes can be sent to the cart and wishing list from here.
- Login / register: where a user can create an account or log into it with a mail adress, a nickname and a password.
- Cart: list with products the user wants to buy. To end the transaction the user must be logged in.
- Wish list: list with products the user likes and can add to cart. They can be added from this list.
- Product view: where a single product is displayed and specific details are shown.
- Admin home: where admins can choose what to do (manage categories, manage users, manage products) and a sales graph is displayed.
- Manage users: where an admin can ban a user, make a user admin or revoke admin privilege from a user.
- Manage products: where an admin can create, modify and delete products.
- Manage coupons: where an admin can create, modify and delete products.
- About: some information about us: the brand, our values and the webpage.
- Purchase history: different purchases with the products information.
- User profile: account details of each user.
- Error: shown when there is an error with loading page.
- Error Payment: shown when there is some error with the product payment.
- Error Pass: shown when user wants to change the password and the new ones don´t match.
- Out of stock: reports there is no stock of a product that the user is trying to buy.
- Successful Payment: landing message when the purchase is correctly done.
- User: admin, registered and non registered.
- Product
- Coupon
- Transaction
Property list of each entity:
- rol: USER, ADMIN
- name
- lastName
- password
- address
- phoneNumber
- birthDay
- transactionHistory
- userid
- price
- name
- description
- size
- stock
- brand
- supplier
- placeMade
- manufacturingDate
- productId
- code
- type
- startDate
- dateOfExpiry
- minimumForAplication
- discount
- affectedProducts
- couponId
- type: WISHLIST, TRANSACTION, CART
- userID
- usedCoupons
- Date
- ProductList
- transactionId
-
Product:
- Use: all
- Owner: admin
-
Coupon
- Use: registered
- Owner: admin
-
Transaction
- Use: registered
- Owner: registered
*Phase 2
*Phase 3
Our app tracks the least favorite products and calculates a discount for them based on their popularity ranking and a minimum price every product has.
Our graph is a bar plot located at the admin panel and allows admins to track the volume of sales and their respective earnings.
We've implemented a mail function that sends the user a mail when they make a purchase with the product summary, price and transaction number for posible incidence.
Link to our Trello: https://trello.com/b/7PcNfIHM/daw
Installation: -Install PostgreSQL -Install pgAdmin4 (https://www.pgadmin.org/) and introduce a master password.
Versions:
-Java: 17
-Maven: 4
-SpringBoot: 2.6.3
Project compilation:
-In our github, download the project as a zip.
-Create a database named softwear.
-In the IDE, execute
>cd backend
>mvn spring-boot:run
then go to the browser and access https://localhost:8080/
-To stop the proccess, press Ctr+C, enter and "S".
Url: https://codeurjc-daw-2021-22-webapp5.herokuapp.com/
User credentials:
- admin:pass
- user:pass
In order to deploy the application with heroku, you must create a heroku account and install heroku and docker clients.
First, you need to log in and create a new application with the following commands:
heroku login
heroku create <app-id>Then, you need to pull our application image from DockerHub for pushing it into the heroku repository:
docker image pull softwearDAW/codeurjc-daw-2021-22-webapp5You need to log in heroku repository and push the downloaded application image into your application repository. You could do it with the following commands:
# Log in heroku repository
heroku container:login
# Change image name
docker image tag softweardaw/codeurjc-daw-2021-22-webapp5:latest registry.heroku.com/<app-id>/web:latest
# Push image
docker push registry.heroku.com/<app-id>/webThen you need to configure the database. You can add the database to your heroku app running the following command:
heroku addons:create heroku-postgresql --app <app-id>You need to set the environment variables running the following command:
heroku config:set \
SERVER_SSL_ENABLED=false \
SPRING_JPA_HIBERNATE_DDL-AUTO=update \
MAILER_EMAIL=<mailer-email> \
MAILER_PASS=<mailer-pass> \
--app <app-id>Finally, you could release the application running the following command:
heroku container:release web --app <app-id>You could destroy the application running the following command:
heroku apps:destroy --app <app-id>You need to install the docker client and docker-compose. You would use the docker-compose.yml file in the docker directory.
You need to specify an email for your mail service. If you don't, the application's mail service will not work. You should specify it in a environment variable named MAILER_EMAIL.
You need to do the same in order to specify the service's password. It is set in the variable MAILER_PASS.
You could execute the following command in order to set those variables and run the application:
# If you have a docker-compose version previous to version 2, you should use the command docker-compose up
env MAILER_EMAIL=<your-mailer-email> MAILER_PASS=<your-mailer-pass> docker compose upIn order to build the image with the executable file you sould change your wd to docker directory and execute:
./create_image.shYou need to install docker in your system in order to execute this script. Also, you may need execute it as root.
When working in the development environment, backend and frontend will be initialised separately and will communicate with each other via REST api. In order to do it, we set a proxy which let frontend to get all needed information from backend. It's configuration is in proxy.conf.json.
ng serve --proxy-config proxy.conf.jsonor
npm start We can use this comand because it was configure as a script in package.json.
mvn spring-boot:runAdded in dockerfile code needed to build angular before maven to move it later.
I've been focused on transaction's block and coupon's block but I've been making changes and functions for nearly all classes.
Among others, the more outstanding commits are:
- Wishlist transaction: Where TransactionView was created.
- Added purchase history
- AJAX in Cart
- AJAX in Wishlist
- CSRF enabled (NOT STABLE)
Those commits are develop versions of the files and they may have errors that have been fixed in other commits. For further information about it, you should check the version history of the file.
Among others, the more outstanding files are:
- Transaction.java (com.softwear.webapp5.model.Transaction)
- Coupon.java (com.softwear.webapp5.model.Coupon)
- CouponService.java (com.softwear.webapp5.service.CouponService)
- TransactionController.java (com.softwear.webapp5.controller.TransactionController)
- TransactionRESTController.java (com.softwear.webapp5.controller.TransactionRESTController)
Apart from those files, i've been working on a lot of the project files. For further information about them, you should check commits filtering by my user.
Mario and Ana have been working together at the same files. We have created Admin Home graphic with sellings data of database, created access to available sizes of each product, product entity creation and all its main classes to control, creation of example data of data base in databaseinitializer and readme documentation.
Among others, the more outstanding commits are:
- Moustache and data base examples added.
- Product controller refactorization and GetMapping addition.
- Product FindBy .
- New transactions on data base and products modification.
- Readme documentation.
Among others, the more outstanding files are:
- Chart.js
- TransactionController.java
- Product.java
- ProductRepository.java
- Databaseinitializer.java
Also other files of the project. For further information about them, you should check commits filtering by our users.
I developed almost all things relationated with users, also i worked on doing the web pageable and on the security package but I helped on the develop of other classes and functionalities.
Maybe this commits dont show the final version of the files.
I also worked on other files but the most time i spent working are on this files.
I developed the managers for the entities in the admin side: manage users, manage products and manage coupons. They all had an HTML, js and AJAX in the frontside and backend related in AdminController and RestAdminController, as well as in the services and repositories they used. I also developed the about and error page and divided the HTMLs in header (or adminHeader), body and footer in separate files. I helped develop the Coupon entity. I coded the general algorithm to suggest coupons that looks at the least frequently bought products and suggest a coupon for them.
I developed the coupon and transaction REST controllers, as well as the needed methods in the controllers and respositories that were missing.
- [WORKING] CouponREST (and transactionREST) fixed
- CouponRESTController [DELETE NOT WORKING due to foreign key violation in transaction]
- RestTransactionController finished
- [NOT WORKING] modified RestTransactionController to map all types of transactions to the same action
- [NOT FULLY WORKING] RestTransactionController
I worked on the user REST controller, also deployed the security jwt and Login Controller, but i worked on other controllers and javascripts files to fix some errors.
- Added JWT and RestSecurityConfig
- Api Rest User done
- Login and logout done
- Ajax and api rest added to user info
- Token added and fixes
I've been working on the docker files and the deploy on heroku. Also, I worked in other parts of the project, like REST controllers.
- Docker image creation
- Added docker-compose file
- Added memory limit
- Added heroku database changes
- Added Heroku documentation
I have been working in Images uploads, being possible to upload more than a single one, in manageProducts, as well as some changes in productRestController.
I have worked in the images uploads when creating a new product, as well as creating the api REST of product and the product Postman petitions.
- Images Post functionality fixed
- Product's basic methods and images get and post mapping created in REST
- Delete and post images fixed
I have been mostly working in graphic libraries ng-bootstrap.
- Dropdown home-us
- Product module, component and carousel created
- Admin module and routing created
- Product modal and form created
- Login alerts and product finished
-Login module
-Sign in component
-Sign up component
-Product module
-Product-size component
I have been working in all the areas fo the project.
- Added amount to add and delete products
- Functions on wishlist view
- Product carousel and some resolvers
- Fixed bug in entering product without being logged
- Select size in product view
-Home module
-Admin module
-Transaction module
-Account details component
-Product size component