https://github.com/vmohd/ghidaq-store

Ghidaq Store is an interactive electronics store built using React.js.
https://github.com/vmohd/ghidaq-store

bootstrap e-commerce reactjs

Last synced: about 2 months ago
JSON representation

Ghidaq Store is an interactive electronics store built using React.js.

• Host: GitHub
• URL: https://github.com/vmohd/ghidaq-store
• Owner: vMohd
• Created: 2024-12-09T13:11:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-11T11:21:28.000Z (over 1 year ago)
• Last Synced: 2025-04-01T09:07:33.292Z (about 1 year ago)
• Topics: bootstrap, e-commerce, reactjs
• Language: JavaScript
• Homepage: https://ghidaq.netlify.app
• Size: 443 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Ghidaq Store 🛒

**Ghidaq Store** is an interactive electronics store built using React.js, Developed as part of the Tuwaiq Academy React.js Bootcamp, this project demonstrates the seamless integration of dynamic components, responsive design, and robust functionality.

## Built With 🛠️

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![API](https://img.shields.io/badge/API-FF6347?style=for-the-badge&logo=api&logoColor=white)

## Features ✨

- **Responsive Design**: Built with React.js for a mobile-friendly and dynamic user experience.

- **State Management**: Uses React hooks to manage state efficiently across components.

- **Custom Components**: Modular and reusable code structure for scalability and ease of maintenance.

- **Interactive UI**: Engaging and intuitive features for users to browse products, apply promo codes, and make purchases.

- **Dark/Light Theme**: A toggle feature for users to switch between dark and light themes dynamically.

- **API Integration**: Fetches product data from [FakeStoreAPI](https://fakestoreapi.in/), a free API for product information.

---

## Technologies Used 🛠️

- **React.js**: The core library for building the user interface.

- **Bootstrap**: Used for responsive layout and styling.

- **CSS**: For additional styling and customizations.

- **JavaScript**: For implementing functionality and handling events.

- **FakeStoreAPI**: Provides product data for the store, enabling dynamic content loading.

---

## Live Demo 🌐

Explore the live demo of the project here:  

[Ghidaq Store on Netlify](https://ghidaq.netlify.app/)

---

### Developed with ❤️ by Mohammed Al Sunbul