likecoin / puttyimages-web Goto Github PK
View Code? Open in Web Editor NEWWebsite for images adopted Like protocol.
Home Page: https://dev.puttyimages.com/
License: GNU General Public License v3.0
Website for images adopted Like protocol.
Home Page: https://dev.puttyimages.com/
License: GNU General Public License v3.0
Needed: N/A
Needed by #13
Needed by #7
Needed by #3
Needed by #20
Needed by #14
Needed by #16
Needed by #21
Needed by #15
Created from Aha! https://oursky.aha.io/features/PUT-1
api event log.
logs wanted:
data flow or mq services are not concluded yet.
Needed: the copy.
Needed by #13
Created from Aha! https://oursky.aha.io/features/PUT-7
for ipld object
Needed: N/A
Needed by: #13
Created from Aha! https://oursky.aha.io/features/PUT-9
similar to instagram, showing most used tags, search algorithm design needed
For getting images for carousel
Connect #76
We should have:
First stage: install all dependency and build the releasable code
Second stage: copy the build file in first stage and only install node_modules required for production run
refs: https://docs.docker.com/develop/develop-images/multistage-build/
Created from Aha! https://oursky.aha.io/features/PUT-19
Error message:
https://docs.google.com/spreadsheets/d/1NAbJdl7Pti4D\_lhzBd1A\_C9pC25L4nlouZVdI28hvOU/edit#gid=0
Can be accessed when user goes to a certain URL
Checks if metamask wallat app is available and is linked to a recognized likecoin user
When file is uploaded, shows a preview of the image
User can use a file picker the upload file
When user selected the file, validate the image and check if it matches the requirement of puttyimage assets
Size, file format etc...
Reject files that doesn't match the requirements and shows an error message
Shows form for entering information for the image
Image description (optional)
tags (must enter at least 1)
Image license (must select)
Shows disclaimer and terms to link
require users to explicitly click the "I accept the terms and conditions of puttyimage" checkbox before the image can be uploaded
Disable the button if user haven't checked the accept terms checkbox
When user clicks the Upload image now button, validates the input in the form, shows error message next to field where necessary
Checks for similar image and warn user they should only upload original image
Check if identical images had been uploaded before and warn user that they should only upload original images they owned
only support png & jpg
no minimal size, max size allowed = 10Mb
require user to choose a license for the image being uploaded, can be one of 4
cc0,
cc-by,
cc-by-sa,
cc-by-nd
shows a hint under the license input: "Learn more about %license name", link to corresponding page of explaining the license
cc0
user must input at least one tag
tag must be 2 - 20 characters
up to 5 tags can be added
must select a license to upload
if all checks pass, call API, upload image to IPFS and register the record on blockchain
generate and register embed code once upload is completed
When image upload failed, display an error message
Screen Shot 2018-06-28 at 18.03.07.png (https://oursky.aha.io/attachments/6572074087508617256/token/a68f6ef639d9b79785ad998c922fab537db2cd808c830c1ca45376c535a17d1e.download?size=original)
Created from Aha! https://oursky.aha.io/features/PUT-15
The document is intended to help Opensource developer to kick-start their development easily. It should include:
it is neither a nuxt plugin used by both server or client, nor needed by client as a plugin for Vue.use
should server side only code be moved into /server
? not like client will need to call ipfs api directly in the future
Created from Aha! https://oursky.aha.io/features/PUT-13
Needed: N/A
Needed by: EVERYTHING - LET THERE BE LIGHT
Front end and SSR setup with Nuxt.js and express
Backend setup - dockerized approach
Front end deployment for IPFS
Backend deployment powered by docker
Created from Aha! https://oursky.aha.io/features/PUT-5
required by #4
Needed: N/A
Needed by #13
Created from Aha! https://oursky.aha.io/features/PUT-12
Same layout and requirements as my image list, just that the images shown should be from a specific user
shows information about the user that the images belongs to
username (likecoin ID
number of images uploaded?
profile image
empty state (as designed)
Screen Shot 2018-06-28 at 18.08.22.png (https://oursky.aha.io/attachments/6572075471488784936/token/c423c7bd314ba61d5b5a010e236aadce343f29d02dc4a792976100a528dfd9c8.download?size=original)
Created from Aha! https://oursky.aha.io/features/PUT-23
Need #1
Needed by #7
Needed by #21
Needed by #15
Needed by #22
Shows close button on the top left
Shows uploader information
Profile image, name & likecoin ID
Like widget
Show metadata
Description
Image tags
license applied
shows embed code sections
link to report image for right violation / abuse
if user is authenticated and = the image's uploader, shows remove image button and disclaimer
RWD optimizations
Screen Shot 2018-05-17 at 18.17.09.png (https://oursky.aha.io/attachments/6556491974951220681/token/61d47457ebf607cf3f58da350f49b53b22e9fd1a8d457269ccf81ba52cfbff58.download?size=original)
Screen Shot 2018-05-17 at 18.17.06.png (https://oursky.aha.io/attachments/6556491975988589270/token/57bad5a35dcefe20fd2469b08645213c76abd417316d7a76147a9749316cf366.download?size=original)
Created from Aha! https://oursky.aha.io/features/PUT-11
Needed: N/A
Needed by #2
Needed by #3
Needed by #19
Needed by #22
Created from Aha! https://oursky.aha.io/features/PUT-21
And separate seed data and system data
Screen Shot 2018-06-28 at 18.09.46.png (https://oursky.aha.io/attachments/6572075646997413725/token/1d8dccfa263dfb901d98cd46261dadf365f41a0283fc9c12ac37ac403db30460.download?size=original)
Screen Shot 2018-06-28 at 18.09.49.png (https://oursky.aha.io/attachments/6572075647615673060/token/f3446d41138cae1542478033e4ff220e3e9ec46fff0d297f7b19fa8c921caa85.download?size=original)
Created from Aha! https://oursky.aha.io/features/PUT-24
Created from Aha! https://oursky.aha.io/features/PUT-20
refs #3
Needed: Intercom integration spec
Needed by #13
Created from Aha! https://oursky.aha.io/features/PUT-10
Needed by #25
Spreading the usage and let every package to assign the default using (e.g. process.env.NODE_ENV === 'production' || LIKECOIN_AUTH_URL
) is not maintainable and create confusion when doing deployment and tracing.
Follow up of #64 (comment)
Validates if Metamask is available
Call keyword search API
List paginated search results in masonry view
refs #PUT-20
Shown as a modal, on a dark black backdrop
Fixed height, scrolling within the modal is enabled
define shortcode to be initialized as embedded puttyimage images when the wordpress post is rendered
If plugin is installed, enabled and with proper configuration, superlike widget will be added to the end of articles
Handle cases where users haven't installed metamask yet
Handle cases where users haven't add a like coin id to their metamask yet
Handle cases where users wallet's like coin id isn't the same with the like coin ID registered to the post yet.
User should be able to configure the default amount of like coin user will donate for an article on a per post basis.
Once the plugin is installed - it should be enabled for all posts, including previous posts
Admin can choose the plugin (super like widget) to be enabled for all
The superlike widget can be disabled / enabled respectively for each article from the wordpress editor
Admin can set if authors can set their like coin ID separately (if disabled, all posts will have a donation icon for the default user, e.g. blog owner)
Each user should be able to register their like coin ID respectively if allowed
Can upgrade plugin with standard wordpress plugin mechanism
[Phase 3] Readers should be able to like image (from putty image) separately
[Phase 3] Writers should be able to upload images to PuttyImage
[Phase 3] When an article is published, the article should be put on the likeChain.
[Phase 3] The plugin should also check for duplication of article content among other articles on the likeChain (using Hash)
Created from Aha! https://oursky.aha.io/features/PUT-16
Currently no auth is added in most api for development. And there is unused path. I suggest to make a decision which path requires auth and which should be removed. I recommend it is best to do after login task and image upload task.
Searching for "%keywordEntered"
bar to remind user what results are being shownCreated from Aha! https://oursky.aha.io/features/PUT-6
Follow up #35
not sure if we need it now but it would be useful anyway in the future?
Or do we have other plans for state management
Needed: N/A
Needed by #13
Created from Aha! https://oursky.aha.io/features/PUT-8
Support search by keywords / partial keywords (case insensitive)
Support search by partial uploader name, case insensitive
Paginated API that returns 15 images at a time
API Status code / property that tells the client application it's the end page
property that tells the client application how many results were returned by the query
return basic metadata for each images (profile image link, uploader username, like count)
keywords must be 2 - 64 characters, support unicode characters
Error message:
The keyword you entered is too long. Please try again with a keyword that's less than 64 characters long
Shows loading indicator
Shows end page indicator when no more results are returned
Do not allow user to search with empty query
order image by like count and upload time - if 2 images have the same like count, the one uploaded last will be shown first
Created from Aha! https://oursky.aha.io/features/PUT-3
Originally in #3
Needed by #3
Needed by #19
Needed: Integrate plan with LikeChain
https://oursky.github.io/likecoin-widget-ui/index.html
Shows icon and like count by default
Linked to a certain work on likechain (by fingerprint?)
remembers if current metamask user had liked the linked content, if liked, show button in pressed state.
when clicked, shows a pop over with list of option
super like (pay likecoin from account)
1 - 5 stars for "weight" of like
simplistic view - icon and abbr of like count
with Like coin ID with - icon, give %likecoin ID CTA slogan + abbr of count
no count view - icon + CTA slogan
round button version with icon and like count
round button version with just the icon
calls corresponding API to give like coin when pressed
calls corresponding API to register liking a content when pressed
Created from Aha! https://oursky.aha.io/features/PUT-22
Needed: N/A
Needed by #13
Needed by #7
Needed by #3
Needed by #20
Needed by #14
Needed by #16
Needed by #21
Needed by #15
Created from Aha! https://oursky.aha.io/features/PUT-4
Display terms and condition
Support basic text formatting
Header
Bold
Italic
Underline
Created from Aha! https://oursky.aha.io/features/PUT-14
Follow up of #64 (comment)
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.