📦 Sold!
Group project
Overview
Develop an auction website using the Django framework.
Roles
UI design, wireframe, frontend development, use cases, testing
Timeline
October 2019 to November 2019
Tools
Bootstrap, Django, Python, HTML, CSS, JS, Ajax.
Functionalities
- Users can create an account on the site and and able to login into their account.
- The user’s profile should contain at least an email and their date of birth.
- Users should be able to post a new item for auction. Items should contain a title, a description, a picture and the date/time the auction finishes.
- Users of the site should then be able to bid for an item, before the end date/time of that item.
- At the end of the auction, the highest bidder is able to “buy” the item.
- The site must contain a page listing all the items that are currently available, with the ability for “search” for items based on a given keyword.
- You should also have a page containing “closed” auctions, detailing the list of biddings, and the winner.
- The frontend should use Bootstrap, and be responsive.
- Implement extra feature: Users are able to reset their password, in case they have forgotten it. This would be done via a “reset password link” sent to their email
Design process
After understanding the functionalities of the topic, I have simulated the design using low-fidelity drawings:
Implementation
This is Post auction page, before posting, user must fill in all the required information. When it done, the new listing should display on My items page.
This page show all my current listing items. The seller can edit or delete the listing. Items are displayed as table with item title, price, description, end date, ...
My profile page is simple created using Bootstrap. There are 2 columns, the first column displayed my profile information such as username, email and DOB. On the second column where user can update his/her account. Once Save button clicked, information on the first column will be updated with the new information.
Here I'm testing the search bar based on a given word. In this example, search for "lego". As you can see, 1 search found with all the information of the item. User can view the searched item and/or place a bid.
Demo
More projects
