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.
-
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.
- Pexels API for providing the media content.