Skip to main content

Security camera catalog made simple

A React-based web application for browsing and purchasing security cameras with advanced filtering, detailed product views, and seamless WhatsApp integration.

Get startedExplore components

Quick start

Get your security camera catalog up and running in minutes

1

Clone the repository

Clone the project and navigate to the directory:
git clone https://github.com/eduardo24cba/paginasseghcamaras.git
cd paginasseghcamaras
2

Open in your browser

Simply open index.html in your web browser. No build step required — the application uses UMD modules loaded from CDN.
open index.html
The application loads React, React Router, Redux Toolkit, and Bootstrap from CDN, making it easy to run without a build toolchain.
3

Explore the catalog

Navigate to the products page to browse security cameras. Use the sidebar filters to narrow results by brand, resolution, design type, or camera style.The app fetches camera data from a GitHub-hosted JSON file and displays products with full specifications, images, and WhatsApp contact integration.

Explore by topic

Dive into specific areas of the application

Architecture

Understand the application structure, component hierarchy, and data flow

State management

Learn how Redux Toolkit manages camera data and filtering logic

Components

Explore reusable UI components for navigation, product cards, and views

Filtering

Discover advanced filtering capabilities for product search

Key features

Everything you need to build a modern security camera catalog

Product catalog

Browse security cameras with detailed specifications including resolution, design type, night vision, and smart features.

Advanced filtering

Filter cameras by brand, resolution, design (interior/exterior), connectivity (WiFi), and camera type (bullet/dome).

React Router navigation

Single-page application with routes for home, products, camera details, filters, contact, and about pages.

WhatsApp integration

Floating WhatsApp button enables customers to instantly contact the business about products with pre-filled messages.

Ready to dive in?

Start exploring the documentation to learn how to customize components, manage state, and extend the application for your security camera business.

Get started now