easy-as-pie-ui

Easy as pie component library built in React that can easily be themed and implemented on any site.

Usage no npm install needed!

<script type="module">
  import easyAsPieUi from 'https://cdn.skypack.dev/easy-as-pie-ui';
</script>

README

Easy as Pie - UI

React component library that is easy as pie to theme and implement on any site.

Credits

Several projects aided in inspiring this project. Notably they are:

Things I Learned

I have learned so many neat things while doing this project. The first was how create a working npm package that anyone could use in their project. This was made very easy by using the create-react-libary package mentioned above. This package set up the project so that you can create your component library, test it, and create the doc site all in this single project structure.

This was my first react project in conjunction with Bruner Dynamics, another one of my projects in Github. Because of this, I was able to learn the basics of react as well as how to implement routing with Reach Router.

The last thing I really enjoyed was figuring out how to make my component library completely themeable. This is something that was very difficult to figure out, but fun to do. I will continue to improve this ability to theme so that the end user can customize and use the library without needing to build their own components from scratch.

Run Project

In 1st terminal window/tab

$ npm install && cd example && npm install
$ npm start # runs rollup with watch flag

In 2nd terminal window/tab

$ cd example && npm start # runs create-react-app dev server

Deployment

Netlify Status

View Project

https://easy-as-pie-ui.richarddawson.codes/