Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prakhar-002/pixstock
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 📱.
https://github.com/prakhar-002/pixstock
collection dark-light-theme favorites html-css-javascript image-downloader multiple-download pixelsapi responsive-web-design search-filters stockphotos user-friendly-interface video-downloader videoapp
Last synced: 6 days ago
JSON representation
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 📱.
- Host: GitHub
- URL: https://github.com/prakhar-002/pixstock
- Owner: Prakhar-002
- Created: 2024-10-02T17:49:49.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-23T08:49:55.000Z (about 1 month ago)
- Last Synced: 2024-11-23T09:19:33.164Z (about 1 month ago)
- Topics: collection, dark-light-theme, favorites, html-css-javascript, image-downloader, multiple-download, pixelsapi, responsive-web-design, search-filters, stockphotos, user-friendly-interface, video-downloader, videoapp
- Language: HTML
- Homepage: https://pixstock-pictures.netlify.app/
- Size: 9.36 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 🏝️🍹
# 💻 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 🍃`
```bash
git clone https://github.com/Prakhar-002/PIXSTOCK.git
```
`For Linux and macOS 🌿`
```bash
sudo git clone https://github.com/Prakhar-002/PIXSTOCK.git
```
### 🔧 `Step 3`: Navigate to the Project Directory
```bash
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 📷📖
