Skip to content

Pixstock is a seamless stock photo and video app powered by the Pexels API 📸. It features high-quality content 🌟, light and dark mode 🌗, favorite folders ❤️, advanced search filters 🔍 (name, color, orientation), video auto-play on hover 🎥, and multiple download options ⬇️. The app ensures a smooth, responsive, and user-friendly experience 📱.

Notifications You must be signed in to change notification settings

Prakhar-002/PIXSTOCK

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.



Screenshots 🏝️🍹

pixstock


💻 Tech Stack 🏞️ 🎥

HTML5   CSS3   JavaScript


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 📷📖

image image image image image image image image image image

About

Pixstock is a seamless stock photo and video app powered by the Pexels API 📸. It features high-quality content 🌟, light and dark mode 🌗, favorite folders ❤️, advanced search filters 🔍 (name, color, orientation), video auto-play on hover 🎥, and multiple download options ⬇️. The app ensures a smooth, responsive, and user-friendly experience 📱.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published