E-Commerce

This is project number 2 of the CS50 Web Development course with Django and JavaScript lectured by Harvard CS department.

Screencast of project

Click on the image to be redirected to a video of the project working on youtube.

Create Listing

Users can visit a page to create a new listing. They should specify a title for the listing, a text-based description, and what the starting bid should be. Users can also provide a URL for an image for the listing and/or a category (e.g. Fashion, Toys, Electronics, Home, etc.).

Active Listing Page

The default route of your web application let users view all of the currently active auction listings. For each active listing, this page displais the title, description, current price, and photo (if one exists for the listing).

Listing Page

Clicking on a listing takes the users to a page specific to that listing. On that page, users can view all details about the listing, including the current price for the listing.

• If the user is signed in, the user can add the item to their “Watchlist.” If the item is already on the watchlist, the user can remove it.
• If the user is signed in, the user can bid on the item. The bid must be at least as large as the starting bid, and must be greater than any other bids that have been placed (if any). If the bid doesn’t meet those criteria, the user is presented with an error.
• If the user is signed in and is the one who created the listing, the user has the ability to “close” the auction from this page, which makes the highest bidder the winner of the auction and makes the listing no longer active.
• If a user is signed in on a closed listing page, and the user has won that auction, the page should say so.
• Users who are signed in can add comments to the listing page. The listing page displays all comments that have been made on the listing.

Watchlist

Users who are signed in can visit a Watchlist page, which displays all of the listings that a user has added to their watchlist. Clicking on any of those listings takes the user to that listing’s page.

Categories

Users can visit a page that displays a list of all listing categories. Clicking on the name of any category takes the user to a page that displays all of the active listings in that category.

Django Admin Interface

Via the Django admin interface, a site administrator can view, add, edit, and delete any listings, comments, and bids made on the site.