pixelsHash

Introducing pixelsHash 📸

The Go-to place for High Quality, Beautiful and Picturesque 3-D matrices of Pixels - hashed perfectly for you to describe your thoughts in high resolution! 🖼⚡ You can view, search and download everything that you want! Powered By Unsplash!

🚀 Demo

pixelsHash is LIVE!

🧐 Features

There are multiple features implemented on pixelsHash to make high quality pictures accessible to you easier like never before.

🖼 pixelsHash has:

• 🔎 Search from over 2 million free high-resolution images (powered by Unsplash API)
• ♾ Infinite Scrolling
• 💾 Save your search History
• ⚡ Blazing Fast on all devices
• 🔖 Toggle between different Views
• 💻 Fully Responsive
• ⤵️ Download Pictures with a click
• 🙈 Profanity Filter (Clean search and content, always)
• 🌘 Dark mode

⚡Lighthouse Report

🛠️ Spinning Up Development Environment

1. Clone the repository

git clone https://github.com/sohamsshah/pixelsHash.git

2. Change the working directory

cd pixelsHash

3. Install dependencies

yarn

4. Create .env.local file in root and add your variables

NEXT_PUBIC_UNSPLASH_API_ACCESS_KEY='your unsplash api key here'

5. Run pixelsHash

yarn run dev

You are all set! Open localhost:3000 to see the app.

💖 We love Contributions

• pixelsHash is truly Open Source. Any sort of contribution to this project are highly appreciated. Create a branch, add commits, and open a pull request.

• Please read CONTRIBUTING for details on our CODE OF CONDUCT, and the process for submitting pull requests to pixelsHash.

💻 Built with

• Next JS
• Next Image: for lazy loading images and optimized Images
• Intersection Observer API: for smooth infinite scrolling
• React Loading Skeleton: for effective skeleton loading
• Bad Words: for Profanity Check 🙏
• React Select: for interactive search box
• Vercel: for hosting
• Tailwind CSS: for beautiful UI styling

🌈Upcoming Features

A lot of features are in the pipeline for pixelsHash. Some of them are

• 🥁 Share Images
• 👀 Visual Search
• 🎙 Audio Search
• 💖 Favourites

Have a feature in mind? Please create an issue here. Let's talk!

🛡️ License

This project is licensed under the MIT License - see the LICENSE file for details.

🦄 Deploy

👨‍💻 Author

👤 Soham Shah

• Twitter: @sohamsshah_
• Github: @sohamsshah
• Hashnode: @sohamsshah
• LinkedIN: @sohamshah456

O Stargazer✨! Can you ⭐️ this too?