Giter VIP home page Giter VIP logo

linkbroken / d-commerce Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 2.22 MB

DCommerce is a modern e-commerce platform developed using React, a powerful JavaScript library for building user interfaces. The project utilizes various React features and libraries to create a dynamic and interactive shopping experience.

JavaScript 61.89% HTML 1.09% CSS 0.73% TypeScript 36.28%
aos aos-animation axios-react fetch-api hooks prop-types props react reactjs router-dom tailwindcss usecontext useeffect usereducer useref usestate

d-commerce's Introduction

Alt text

DCommerce

DCommerce is an e-commerce platform built with React, Tailwind CSS, FontAwesome, and other technologies. It provides users with a seamless shopping experience, allowing them to browse through a variety of products and easily add items to their cart.

Features

  • Product Listing: Display a list of products available for purchase.

  • Product Details: View detailed information about each product, including images,prices.

  • Add to Cart: Add products to the shopping cart with a single click.

  • Cart Management: View and manage items in the shopping cart, including removing items

  • Navigation: Navigate between different sections of the application using React Router DOM.

  • Animations: Implement smooth animations using the AOS (Animate On Scroll) library.

  • Product Search: Implemented a search feature that allows users to search for products by name / title

  • Category Selection: Implemented a category selection feature that allows users to filter products by specific categories, such as electronics, clothing, and more.

  • Price Selection: a price selection feature that allows users to filter products by specific price ranges, making it easier to find items within their budget

Technologies Used

  • React: A JavaScript library for building user interfaces, utilizing hooks such as useState, useEffect, useReducer, and useContext for state management and side effects.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
  • FontAwesome: A popular icon set and toolkit for web development, utilized for adding icons to the user interface.
  • React Router DOM: Declarative routing for React applications, used for handling navigation between different components.
  • AOS: Animate On Scroll library for adding animations to elements when they come into view.

Prerequisites

Before running the project, ensure that you have the following installed:

  • Node.js: Make sure you have Node.js installed on your system. You can download and install it from https://nodejs.org/.
  • npm or Yarn: npm comes bundled with Node.js, but you can also use Yarn as an alternative package manager. Install Yarn from https://yarnpkg.com/ if you prefer.

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/LinkBroken/D-commerce.git
  2. Navigate to the project directory:

    cd dcommerce
  3. Install dependencies:

    npm install react react-dom react-router-dom @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome tailwindcss postcss-cli autoprefixer

    or

    yarn add react react-dom react-router-dom @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome tailwindcss postcss-cli autoprefixer
  4. Start the development server:

    npm run dev
  5. Open your browser and navigate to http://localhost:5173 to view the application.

Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these guidelines:

  1. Fork the repository and create your branch (git checkout -b feature/my-feature).
  2. Commit your changes (git commit -am 'Add my feature').
  3. Push to the branch (git push origin feature/my-feature).
  4. Create a new Pull Request.

License

This project is licensed under the MIT License.


d-commerce's People

Contributors

linkbroken avatar

Watchers

 avatar

Forkers

omerdamour

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.