Quote-o-Matic

How I worked on this project

• I designed this project a few years ago on codepen link
• I installed webpack, babel and set up the package.json according to this guide
• I configured webpack to pack css modules according to this guide
• I refactored my code to use react components. 😌

How to navigate this project

• View the source code under /src/
• You can find the npm package here
• You can add the project in to your react project

How to install this project

npm install quote-o-matic

1. import it in to your react project with: import QuoteOMatic from 'quote-o-matic'
2. Add the component <QuoteOMatic/ >
3. That's it! No configs required. Stay tuned for updates!

Why I built the project this way

• I wanted to gain experience with NPM and learn how design systems are made.

Upcoming features/todo list

• fetch quotes from numerous sources on the internet
• Allow customization of theme and layout.
• set up tests

Available scripts

npm run build