beznet / tydii Goto Github PK
View Code? Open in Web Editor NEWOrganization app for decluttering
Home Page: https://www.tydiiup.com
Organization app for decluttering
Home Page: https://www.tydiiup.com
Add a footer that includes github repo and other relevant pages.
Currently, localStorage
holds items in JSON and I need to take these items and separate them out depending on the rating that was assigned to them.
Current idea is to have 2 headers, one with 'Keep' and another with 'Donate/Sell' and then list all items under a rating of 3 on the 'Donate/Sell' and all other items will go in the 'Keep' category.
Note: keeping the idea open to other visual displays for separating out these 2 categories of items
Currently the app only adds items when you hit 'enter' but will need a button as well.
Replace the current number ratings that are shown in the blue circle with a series of emoji faces from neutral to happy emotions.
Currently the Logout button does not appear after a user logs in or signs up. It'll appear on refresh though. Need to investigate further
implement a password reset feature
The last entries are currently left in the input fields. Clear them after cancel or submit
When updating items to donated/sold the progress bar gradually goes up but when you refresh the page it'll reset it.
Note: the values of the progress bar stay accurate after the refresh so its something else causing the bug.
Currently its a simple looking progress bar, I think it would look a bit better with some added styling. Will post examples and ideas in the comments.
When someone gets to the results page and is not signed into Tydii, instead of having the option to save the list it will instead prompt them to sign in. Im thinking of doing this with a modal or maybe alert banner. Will experiment with a few options.
Once the user gets to the /results page, it might be a bit overwhelming to see some of their items listed and others missing along with dropdown menus to keep track of sold/donated items. I think it would be a good idea to have a modal pop up upon landing on the /results page to explain how they can use the tools provided.
Currently the user only stays signed in and cannot log out
Add a resource that includes how you can get a tax write-off for your donations.
Currently there are no errors that populate for incorrect entries.
Need to think of an official name for the app. Going with themes of minimalism, tidying up, simplifying, etc.
Ideas/Wording:
Minlio - available
Minmol - available
ItemJoy - unavailable
MaterialJoy - unavailable
Reductionist - unavailable
TidyMyze - available
I fudged up the use of useToggle
. Nothing is broken, just using it in an unintended way.
Currently when a user signs up or logs in, the API takes a sec to make the request so it hangs for a couple seconds without doing anything. Need to add a loading spinner of sorts during this phase.
I have the option in the modal after someone logs in but in case someone accidentally clicks off the modal and wants to go to their list (or is logged in already from a cookie) then that button will be there to redirect them
This is a bit of a restructure. After a user clicks "Tydii Up" it will sent them to a new page, instead of the Decision Table modal, which will offer the entire list separated into "Donate" and "Keep" categories. This way a user can keep track of their entire list at a glance. This is the place where I will implement the 'Save List" feature and have the resources for Donating and Selling your items.
Thinking back to Sarah Dresner's design course, I think it would be neat if the items that get input have a slight but noticeable animation when someone adds an item to the list.
This is kinda a big one, this issue will just focus on saving the list data to the Mongo database.
Need a library that takes the rating values and generates a chart.
https://www.sitepoint.com/best-javascript-charting-libraries/
When you reset the entire form with the reset button with the open Item Analysis from the Decision Table component, it keeps the open state toggled to true. Need to reset this to false when this action is taken.
Idea: show items under Donate/Sell modal an average sell price from ebay's API
If a user isn't logged in and they don't have any localStorage data, they will see this error: TypeError: Cannot convert undefined or null to object
Need to prevent access to that page unless logged in
Currently, if items are stored in local storage and a user has updated their result
property, it'll still pull values from local storage on the /results page instead of pulling from the database.
Need a general minimalistic style guide. Will post updates with ideas and such to this issue
Add a loading spinner or something for about 1sec before generating the list of items to Donate/Sell
Get it working with webpack because webpack is a little bitch
If a user logs in and they have a list already stored in the database, I will need to prompt them to either go to their list or create a new list. Modal after login would be appropriate for this task
Create a component that renders a dropdown for each item on the /results page to sort between 'still owned', 'donate' and 'sell'
A little something about the app and the idea behind it
When an emotion face is loaded on the slider, it takes time for it to retrieve that information. Need to fetch all those images before they're called on render.
Would like to add Typescript to this project at some point just to get an idea of how it works, etc.
Decided that a decision table is the next feature priority. It'll take any item's rank value of x<=3
and put that item in a "donate/sell" column and anything x>=4
in the "keep" column
When someone has sold/donated all of their things on their list, a modal will pop up and congratulate them. Not entirely sure as of now what to include on this modal but I think it should have a few social media options that allow users to either Tweet about the app or post about their accomplishment on Facebook. I might put a CTA for a donation there as well just since it would be a good place to see if anyone would like to support the project.
Currently the instructions load every time on the /results page upon render. Need to think of a solution to prevent this at least for a certain timeframe.
Not a huge issue as I do not thing its necessarily bad that a user is reminded of the instructions if visiting after a longer period of time but I think I could maybe just have a link to instructions instead of an automatic modal that populates.
Add a button to clear the items list state and reset the form.
Consider adding a hamburger menu at the top for things like 'logout' and maybe the resources on mobile
I need to determine if building a rating system is the best solution for this application or if any pre-built React compatible rating systems are available for what I would like to accomplish.
A few prebuilt ones:
https://www.npmjs.com/package/react-rating
https://www.npmjs.com/package/react-star-rating-component
https://github.com/NdYAG/react-rater
If a user rated all of their items above a 3 then nothing will generate on the /results page. Need to create a check of sorts to either display a message/modal explaining that the user has rated all of their items high and need to rethink of their decisions or think of other items they're less attached to.
As users donate/sell items and drop them in their respective 'buckets', there will be a progress bar at the top that fills up more and more as they get rid of more stuff.
Determine chart type to be used. Some ideas so far:
density plot, area chart
After a user clicks 'save' there should be a notification of sorts confirming that their list has been saved successfully.
Need to add the ability to GET a list from the database per the signed in user
Currently pretty gross, reorganize things a bit into appropriate directories.
When someone completes their item analysis, I want to give them resources on how/where to donate and/or sell those items that fall under that category.
Donation Ideas:
https://www.goodwill.org/locator/
https://www.habitat.org/stories/does-habitat-offer-furniture-donation-pickup
Sell Ideas:
https://www.ebay.com/help/selling/selling/start-selling-ebay?id=4081
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.