Personal Digital Assistants (PDA) Display App

Description

This React application displays a simple UI showcasing personal digital assistants like Alexa, Cortana, and Siri. It uses Bulma for styling and demonstrates basic React components and props handling.

Installation

To run this project, you need to have Node.js installed on your machine.

1. Clone the repository:

   git clone https://github.com/adibnaya/react_pdas.git

2. Navigate to the project directory:

   cd react_pdas

3. Install dependencies:

   npm install

Usage

To start the application, run the following command in the project directory:

npm start

This will run the app in development mode. Open http://localhost:3000 to view it in your browser.

Components

The project consists of the following components:

• App.js: The main component that renders the personal digital assistants profiles.
• ProfileCard.js: A component that takes props and displays individual profiles for each assistant.
• index.js: The entry point for the React application.

Images

Images of Alexa, Cortana, and Siri are displayed on each profile card. These images are stored in the ./images/ directory.

Styling

The app uses Bulma CSS framework for styling. The Bulma CSS file is imported in App.js.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.