Giter Site home page Giter Site logo

hotclix's People

Contributors

abhijeetp94 avatar ayushib01 avatar dev-lovedeep avatar divyanshi070700 avatar gursimran18 avatar harshjoeyit avatar loic5 avatar mansi0703 avatar pinnacle20 avatar pranavi79 avatar qubits-fan avatar shivamk28 avatar swatijindal08 avatar techimanshu8 avatar vaishnavi1011 avatar wslord avatar yashikaj14 avatar

hotclix's Issues

Add Title and Tags to images

  1. Add a title
  2. Add tags (multiple)

When use uploads an image(s) he should be asked about the title of the image and should be shown some popular tags to choose and add to this image. Tagging image will help us segregate into categories and will allow us to create filters for the users.

Below is the example for your understanding -

Link

File type/size

  1. Check the type of file that is being uploaded (don’t just check file extension, sometimes malicious files with a .jpg, .png file extension).
  2. Also, put restriction on the size of file user can upload

Below is the link for your understanding
Link

Show similar images

Each image has tags and a user who uploaded this image. Based on the user, tags we will find the similar images. A similar image is the one which has at least one tag in common with the image currently opened or is uploaded by the same user

When user opens image on full screen modal, below this image we show similar images. It is advisible to implement full screen modal (as disscused in anothe issue) before implementing this issue (this way you can solve 2 issues ;-) ), if not you should have a separate page will only this image, its information and similar images are visible. (This can be thought os as a image detail page).

Implementing this will increase the user engagement and people will spend more time if they keep on finding the images that interests them.

Download a Gallery

User should have a option to download complete gallery (all images) at once. Its better if you can generate a zip file.

Save to favourites

User should have an option to save images he likes to his favourites. You will have to make changes in the schema(database) for this.

Make sure that any image does not get added again if already present in favourites of a user.

User should be able to remove an image from favourites.

Upload a folder

User can choose a folder he has on his device and save it as a gallery on our platform. This will be easier for because otherwise he will have to create a gallery first and then pick and upload image to this gallery.

Make sure to check the file type of the files in folder. Use should not be able to upload unsupported or malicious files.

Delete image from AWS S3

When user deletes an image uploaded by him/her, we have to delete the entry from database. Along with this we need to remove this image from S3 bucket too, since we don't wan't these images to remain and consume storage after user wants to delete them

Count views and downloads

You will to make changes to schema(database) for adding this feature. Counting views and downloads will help us find out which images people are more likely to veiw or downloads.

To count views it is advisable that you implement the full screen modal first (added as another issue). This way when user opens a image in fullscreen(modal), we can count it as a view.

Email Verification of the User

Once the user registers of the platform, an email should be send to to him to verify his/her email. When user click on this verification link, he/she is redirected to our application for verifying.
Make sure you add a time limit for which this email-verification link is valid. 24 hours would be a good option of go with.

Image Modal

When user click on a particular image he should be should a modal which is approximately full screen so that he is able to see image better.
On this modal we can show image title, name the user who uploaded, download, share buttons, tags, etc.

Upload progress

  1. Show upload progress for a single image upload
  2. Show upload progress for multiple files (separate upload progress for each file)

Below is an example for your understanding
Link

Share an image

User should be able to share an image.

Note that using this shared url of image any user should be able to view it and you should only be prompted for a signup/login if he tries to perform any other action like download, etc.

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.