Skip to content

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.

Notifications You must be signed in to change notification settings

braiekhazem/3D-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
  3. Navigate to the project directory:
  4. cd 3D-Card
  5. Install the required dependencies using npm or yarn:
  6. 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 .
  3. Run the Docker container:
  4. docker run -p 3000:3000 3d-flip-card
  5. 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
  3. 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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published