Skip to content

This is a simple React application that displays testimonials in a stylish way.

Notifications You must be signed in to change notification settings

SuryaPratap2542/Testimonials-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Testimonials Page

This is a simple React application that displays testimonials in a stylish way.

Demo

You can see a live demo of this project. image

Features

  • Display testimonials with images, names, and job titles.
  • Navigate through testimonials using left and right arrows.
  • Surprise Me button to show a random testimonial.

Getting Started

To get started with this project, you'll need to have Node.js and npm (Node Package Manager) installed on your computer.

  1. Clone this repository:

    git clone https://github.com/your-username/react-testimonials-page.git
  2. Navigate to the project directory:

    cd react-testimonials-page
  3. Install the project dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your browser and visit http://localhost:3000 to see the app in action.

Usage

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.

Customization

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.

Contributing

Contributions are welcome! If you have any ideas, bug fixes, or improvements, please open an issue or create a pull request.

License

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.

About

This is a simple React application that displays testimonials in a stylish way.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published