Giter Site home page Giter Site logo

wishlist-manager-web's Introduction

Wishlist Manager

To goal to this under-construction website is to provide a simple, easy to use, and free to use wishlist manager. The website is currently under construction, but you can see the current progress at https://jschoreels.github.io/wishlist-manager-web.

User Input Options in Wishlist Manager Webpage (ChatGPT generated, but should be correct for most of it :) )

The following are the different ways in which a user can interact with the Wishlist Manager webpage:

1. Select Categories

The user can select one or more categories of items to display. The available categories are listed as checkboxes, and the user can toggle the selection by clicking on them.

2. Choose a Combination Mode

The user can choose how the selected categories should be combined to filter the items. The available options are:

  • "OR" (show items that belong to any of the selected categories)
  • "AND" (show items that belong to all of the selected categories)
  • "AND_FIRST" (show items that belong to all of the selected categories first, followed by items that belong to any of the selected categories).

3. Filter Owned Items

The user can choose to show only items that they own. This is controlled by a checkbox labeled "Only Owned Items".

4. Sort Items

The user can choose a sorting criteria and a sorting order for the displayed items. The available sorting criteria are:

  • "Custom"
  • "Release Date"
  • "Added Date"
  • "Name"

The user can select a sorting criteria using a dropdown menu, and they can choose whether to sort in ascending or descending order using a checkbox labeled "reversed".

5. Reset Selections

The user can reset all the selections (categories, combination mode, owned items, sorting criteria, and sorting order) to their default values by clicking on a "Reset" button.

6. View Items

The user can view the items that match the selected categories, combination mode, and owned items filter, sorted according to the selected sorting criteria and order. The items are displayed as cards with their name, release date, and image.

wishlist-manager-web's People

Contributors

jschoreels avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.