PIXSTOCK - Manage Your Visual World 🌟🎨

Pixstock is a seamless and intuitive stock photo app developed by Prakhar Katiyar. The app provides high-quality photos and videos sourced from Pexels, offering users the ability to browse, preview, and download content effortlessly.

➥ Experience Pixstock 📸

Screenshots 🏝️🍹

💻 Tech Stack 🏞️ 🎥

   

Features 🌮🍕🥪

1. Beautiful Design 🎨

   • A minimalist and seamless design built entirely with HTML, CSS, and JavaScript for an excellent user experience.

2. High-Quality Photos and Videos 📷🎥

   • Content powered by the Pexels API, showcasing a wide range of categories and themes.

3. Search Functionality 🔍

   • Quickly find the perfect photo or video using keywords.

4. Preview Content 👀

   • Users can preview photos and videos in high resolution before downloading.

5. Download Feature ⬇️

   • Easily download photos and videos with a single click.

6. Responsive Design 📱💻

   • Fully optimized for desktop, tablet, and mobile devices.

Advanced Features ✨

1. Save to Favorites ❤️

   • Users can save their favorite photos in favorite section for easy access.

2. Search by Name, Color, and Orientation 🔍🎨

   • Find photos by specific names, dominant colors, or orientation (landscape, portrait, or square).

3. Separate Photo and Video Sections 📁

   • Dedicated sections for photos, videos, and a collection section combining both.

4. Video Auto-Play on Hover 🎥▶️

   • Videos automatically play when hovered over for a seamless preview experience.

5. Multiple Download Options ⬇️

   • Download videos in different resolutions, ranging from low to high quality.

6. Search Filters for Photos and Videos 🖼️🎥

   • Users can search separately for photos or videos using distinct search options.

7. Search History 🕒

   • Tracks up to the last 5 searches for quick reference and ease of use.

8. Light Mode and Dark Mode Toggle 🌗

   • A dedicated button allows users to switch between Light Mode and Dark Mode .

Deployment 🚀

Follow these steps to deploy the PIXSTOCK app after forking the repository:

📂 Step 1: Fork the Repository

• Click the Fork button on the top-right corner to create your copy of the repository.

💻 Step 2: Clone the Forked Repository

For window 🍃

  git clone https://github.com/Prakhar-002/PIXSTOCK.git

For Linux and macOS 🌿

  sudo git clone https://github.com/Prakhar-002/PIXSTOCK.git

🔧 Step 3: Navigate to the Project Directory

  cd PIXSTOCK

🌐 Step 4: Run the Project Locally

• Run with live server extension on VS CODE.

To use you will need an API key.

• Sign up for an API key and ID at pixels api

• Go to api.js and set APP_ID = "your api"

About Me 🧋🧸

Meet Prakhar Katiyar 🙋🏻‍♂️ , An avid learner with a passion for mastering the MERN (MongoDB, Express.js, React.js, Node.js) stack 🎯 and diving deep into Data Structures and Algorithms (DSA) 🧑🏻‍💻

Picture Library 📷📖