https://github.com/correia-jpv/devchallenges-quote-generator

⚛ devChallenges quote generator made with React and MUI
https://github.com/correia-jpv/devchallenges-quote-generator

create-react-app devchallenges devchallengesio material material-design material-ui mui muiv5 quote quote-generator quotes quotes-api quotes-application react typescript

Last synced: 3 months ago
JSON representation

⚛ devChallenges quote generator made with React and MUI

• Host: GitHub
• URL: https://github.com/correia-jpv/devchallenges-quote-generator
• Owner: Correia-jpv
• License: mit
• Created: 2022-05-30T11:24:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-06T11:22:36.000Z (over 2 years ago)
• Last Synced: 2025-04-27T09:57:24.343Z (6 months ago)
• Topics: create-react-app, devchallenges, devchallengesio, material, material-design, material-ui, mui, muiv5, quote, quote-generator, quotes, quotes-api, quotes-application, react, typescript
• Language: TypeScript
• Homepage: https://devchallenges-quote-generator.vercel.app
• Size: 3.81 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
devChallenges Quote Generator




   Solution for a challenge from  Devchallenges.io.



![screenshot](src/assets/app-showcase.gif)



  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Table of Contents](#table-of-contents)

- [Overview](#overview)

- [Built With](#built-with)

- [Features](#features)

- [How To Use](#how-to-use)

## Overview

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/8Y3J4ucAMQpSnYTwwWW8) was to build an application to complete the given user stories.

## Built With

- React

- TypeScript 

- [MUI](https://mui.com/)

- ESLint & Prettier

- [Spinners React](https://www.npmjs.com/package/spinners-react)

- [Quote Garden API](https://pprathameshmore.github.io/QuoteGarden/)

## Features

- Random quotes

- Author quotes listing

- Light/Dark theme

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/Correia-jpv/devchallenges-quote-generator

# Install dependencies

$ npm install

# Run the app

$ npm start

```