braiekhazem / 3d-card

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.

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:

git clone https://github.com/braiekhazem/3D-Card.git

2. Navigate to the project directory:

cd 3D-Card

3. Install the required dependencies using npm or yarn:

npm install

yarn install

Docker

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

1. Build the Docker image:

docker build -t 3d-flip-card .

2. Run the Docker container:

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:

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.