Giter VIP home page Giter VIP logo

beautiful-image-gallery's Introduction



Hi 👋, I'm khalid Hossain.

A passionate frontend developer from Bangladesh!

khalidhossainbadhon

Khalid Hossain Badhon

  • 🌱 I’m currently mastering NextJs & TypeScript

  • 👨‍💻 All of my projects are available at Portfolio Websit

  • 📝 I weekly write articles on Medium

  • 💬 Ask me about Frontend Development

  • 📫 How to reach me Telegram

  • 📄 Know about my experiences Resume

  • ⚡ Fun fact I'm crazy about learning & exploring.

Connect with me:

khalidhossainbadhon khalidhossainbadhon khalidhossainb1 khalidhossainbadhon khalidhossainbadhon khalidhossainbadhon mdkhalidhossainbadhon khalidhossainbadhon @khalidhossain @khalidhossainbadhon khalidhossainbadhon khalidhossainbadhon khalidhossainbadhon khalidhossainbadhon

Languages and Tools:

bootstrap chartjs css3 docker figma firebase git html5 javascript jest linux mysql nextjs nodejs postgresql react redux sass tailwind typescript webpack xd

khalidhossainbadhon

 khalidhossainbadhon

beautiful-image-gallery's People

Watchers

avatar

beautiful-image-gallery's Issues

Responsive Design

Ensure your gallery is fully responsive, so it looks great on both desktop and mobile devices.

Sorting images by drag-and-drop

  • Enable reordering functionality to allow users to rearrange the order of images in the gallery.
  • Implement drag-and-drop functionality or any other intuitive method for reordering.

Improve User Experience

  • Ensure a smooth and responsive user experience.
  • Implement transitions or animations for a polished look and feel.

Deleting Multiple Images

  • Allow users to select multiple images and delete them.
  • Provide a clear visual indication of selected images.

Recycle-bin feature

Recycle-bin feature using localStorage to recover any images within the time limitation to avoid mistakes. (Such as a 30Days recovery Option)

Gallery Layout

  • Implement a grid layout for the image gallery.
  • The gallery should display images with one feature image larger than the others.

Setting Feature Image

  • Allow users to set a feature image by sorting.
  • Pretend the first image (from the LTR direction) as the featured image
  • The feature image should be visually distinct from the other images.

Documentation

Provide clear and concise documentation for other developers who want to use or contribute to your project.

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.