Skip to content

Latest commit

 

History

History
54 lines (46 loc) · 2.34 KB

README.md

File metadata and controls

54 lines (46 loc) · 2.34 KB
Raw

React 3D Flip Cards App

This is a React.js application that demonstrates three 3D flip cards showcasing shoe descriptions. When the user clicks on a button, the card flips to reveal additional details about the shoe.

Features

  • Three 3D flip cards showcasing shoe descriptions.
  • Clicking on a button flips the card to reveal additional details about the shoe.
  • Interactive and responsive design.

Installation

  1. Clone the repository to your local machine using the following command:
    2. git clone https://github.com/braiekhazem/3D-Card.git
  2. Navigate to the project directory:
    3. cd 3D-Card
  3. Install the required dependencies using npm or yarn:
    4. npm install
    yarn install

Docker

Alternatively, you can run the application inside a Docker container. Follow the steps below:

  1. Build the Docker image:
    2. docker build -t 3d-flip-card .
  2. Run the Docker container:
    3. docker run -p 3000:3000 3d-flip-card
  3. Open your web browser and visit http://localhost:3000 to see the application in action.

Usage

  1. Start the development server:
    2. npm start
    yarn start
  2. Open your web browser and visit http://localhost:3000 to see the application in action.

Contributing

  1. Fork the repository on GitHub.
  2. Create a new branch with a descriptive name for your feature or bug fix.
  3. Make your changes and test them thoroughly.
  4. Commit your changes and push the branch to your forked repository.
  5. Submit a pull request to the original repository, explaining your changes in detail.