This is a simple React application that displays testimonials in a stylish way.
You can see a live demo of this project.
- Display testimonials with images, names, and job titles.
- Navigate through testimonials using left and right arrows.
- Surprise Me button to show a random testimonial.
To get started with this project, you'll need to have Node.js and npm (Node Package Manager) installed on your computer.
-
Clone this repository:
git clone https://github.com/your-username/react-testimonials-page.git
-
Navigate to the project directory:
cd react-testimonials-page
-
Install the project dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit
http://localhost:3000
to see the app in action.
Replace the content of the reviews
array in the Testimonials.js
file with your own testimonials data. Each testimonial should include the following information:
id
(unique identifier)name
(name of the person)job
(job title or role)image
(URL of the person's image)text
(testimonial text)
For example:
{
id: 1,
name: "John Doe",
job: "Web Developer",
image: "https://example.com/john-doe.jpg",
text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
}
You can add as many testimonials as you like.
You can customize this project by:
- Modifying the testimonial data in
Testimonials.js
. - Adjusting the styles in the CSS files to match your design preferences.
- Adding new features or functionality as needed.
Contributions are welcome! If you have any ideas, bug fixes, or improvements, please open an issue or create a pull request.
This project is licensed under the MIT License - see the LICENSE.md file for details.
Feel free to add this section to your README file, and it explains how to add reviews with pictures to your project. Make sure to provide the necessary details for each testimonial in the `reviews` array as shown in the example.