An open API service indexing awesome lists of open source software.

https://github.com/bope142/awesome-quotes

Awesome Quotes is a web application built to provide users with a curated collection of inspirational quotes. Users can browse through a variety of quotes, share them with friends and family, and enjoy moments of inspiration.
https://github.com/bope142/awesome-quotes

quotes-application reactjs webapp

Last synced: about 1 month ago
JSON representation

Awesome Quotes is a web application built to provide users with a curated collection of inspirational quotes. Users can browse through a variety of quotes, share them with friends and family, and enjoy moments of inspiration.

Awesome Lists containing this project

README

          

# Awesome Quotes 🌟

Welcome to Awesome Quotes, a collection of amazing quotes that will inspire you. Enjoy! 😊

## Description

Awesome Quotes is a web application built to provide users with a curated collection of inspirational quotes. Users can browse through a variety of quotes, share them with friends and family, and enjoy moments of inspiration. The application is designed to be user-friendly and engaging, offering a seamless experience for users seeking motivation and positivity.

## Demo

You can check out the live demo [here](https://awesome-quotes.vercel.app/).

## Features

- Browse through a collection of inspiring quotes
- Share quotes with friends and family
- Easy-to-use interface for seamless navigation
- Integration with the Ninja API for fetching quotes

## Technologies Used

- React.js
- Redux
- Sass (SCSS)

## API

This app fetches quotes from the [Ninja API ](https://api-ninjas.com/api/quotes). Special thanks. 🙏

## Getting Started

### Prerequisites

Before you start, make sure you have [Node.js](https://nodejs.org/) installed on your machine. 🛠️

### Installation

1. **Clone the repository:**

```bash
git clone https://github.com/Bope142/awesome-quotes.git
```

2. **Navigate to the project directory:**

```bash
cd awesome-quotes
```

3. **Install dependencies:**

```bash
npm install
```

### Usage

1. **Start the development server:**

```bash
npm start
```

2. **Open your browser and go to [http://localhost:3000](http://localhost:3000).**

3. **Click the "Get Quote" button to see a new inspirational quote.** 🚀

### Contributing

If you'd like to contribute to Awesome Quotes, feel free to fork the repository and submit a pull request. Contributions are always welcome! 🤝

### License

This project is licensed under the [MIT License](LICENSE). 📄

### Screenshots

![Screenshot 1](/screenshots/screenshot1.png)

![Screenshot 2](/screenshots/screenshot2.png)

![Screenshot 3](/screenshots/screenshot3.png)

![Screenshot 4](/screenshots/screenshot4.png)

## Author

Norbert Yemuang 🚀