https://github.com/billalben/stock-media-platform
Stock Media Platform
https://github.com/billalben/stock-media-platform
api css html javascript mobile-first responsive-design stock-photos
Last synced: 4 months ago
JSON representation
Stock Media Platform
- Host: GitHub
- URL: https://github.com/billalben/stock-media-platform
- Owner: billalben
- Created: 2023-12-26T17:37:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-14T06:01:05.000Z (about 1 year ago)
- Last Synced: 2025-01-07T18:43:53.039Z (5 months ago)
- Topics: api, css, html, javascript, mobile-first, responsive-design, stock-photos
- Language: HTML
- Homepage: https://stock-media-platform.netlify.app
- Size: 7.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pixstock
Pixstock is a responsive web application that allows users to search and explore photos and videos. Built using HTML, CSS, and JavaScript, it utilizes the Pexels API to fetch and display high-quality media content. The website features a mobile-first design approach and offers multiple functionalities including dark/light mode, detailed media views, and hover previews for videos.
[**View Demo in Netlify**](https://stock-media-platform.netlify.app)
## Features
- **Responsive Design:** The website is designed with a mobile-first approach and adapts seamlessly to various screen sizes.
- **Multiple Pages:** The website includes five main pages:
- **Home:** Welcome page with featured content.
- **Photos:** Browse and search for photos.
- **Videos:** Browse and search for videos.
- **Collections:** Explore curated collections of photos and videos.
- **Favorites:** Save and view your favorite photos and videos.
- **Media Detail View:** Click on any image or video to view detailed information and related media.
- **Search Functionality:** Users can search for specific media and filter results by photos or videos.
- **Hover Preview for Videos:** Hover over a video to start playback, and stop playback when the hover is removed.
- **Dark/Light Mode:** Toggle between dark and light themes for a better viewing experience.
- **Other Features:** Various user-friendly features to enhance the browsing experience.
## Acknowledgements
- [Pexels API](https://www.pexels.com/api/) for providing the media content.