Welcome to Orksy! Orksy is a fullstack clone of popular e-commerce site Etsy, themed around the Ork faction from the fictional Warhammer 40K universe.
Users on Orksy are able to set up an online storefront via their profile page. The user's store serves as their gateway to creating, editing or deleting products to display on the site. Once a product has been listed, it can be reviewed by other users, who are also able to later edit or delete any reviews they have written. Each user has a shopping cart that they can add or remove products from. The next planned feature is a persistent order history.
Users can create a store to add and display their products to the Orksy ecosystem. By clicking on the profile dropdown menu in the top navbar, users can select the "Manage Profile" tab, which will take them to an introductory page. From here, they are able to click a link that will direct them to the Store creation page. A store can be edited or deleted after creation, but each user can only own a single Store at a time.
Once a user has created their store, they are able to add fill out a form to add a product. A user can also edit and delete any existing products in their store at will.
A user can add reviews to any product on Orksy that they do not own. A user can edit or delete any reviews they have left, either via the product's display page, or the "Your Reviewz" tab in the profile dropdown menu, located in the top navbar.
When viewing an individual product, users can choose to add it to their cart by clicking the "Add to Kart" button. Selecting this will add the product to the user's cart and prompt them to either proceed to checkout or return to browsing the Orksy collection.
| WTForms | SQLAlchemy | Alembic |
The landing page consists of a grid of all products on the site. The display order is randomized on each viewing for a more dynamic user experience. The welcome message uses conditional rendering to provide a link for logged in users to their profile page.
This is the user's hub for product functionality. From here users can add a new product to their store, as well as edit and delete any products they have already posted on the site.
The page for viewing individual products is probably the component I'm most proud of. It contains a number of hand-made animations using CSS with Javascript to allow a user to toggle the rendering of the product's description and shipping info. The dates for the shipping and delivery are randomized based on the current date, adding a little programmatic flair to the page! This page also contains a list of reviews associated with the product, and allows a logged in user to create, edit or delete their own review.
Use these links to navigate to the Orksy wiki for further documentation on the site's structure:
