Small Business App - Front End (Design UI / UIX)
- Kunal Patil
- Apr 20, 2021
- 1 min read
The app is now finished - check it out here: https://www.monicaspastrycakes.com/
This post is about various open source components I used to build this project.
In this post I will cover:
- ToggleSwitch
- Firebase Storage & Gallery
- Cruip CSS
- MaterialUI Date & Time Pickers
ToggleSwitch
I really liked how these toggle buttons looked on my app with an iOS feel.
Documentation: https://www.digitalocean.com/community/tutorials/how-to-build-a-custom-toggle-switch-with-react
Firebase Gallery
I used Firebase to store the images in the portfolio, and I used this tutorial to bring animation to my image gallery.
Cruip CSS
Cruip CSS framework provides pre-styled elements to use for your projects. The elements I really liked and incorporated were the section dividers, accordion, and carousel. Documentation: https://docs.cruip.com/
MaterialUI Date & Time Pickers
MaterialUI is a popular React UI framework that provides components without any additional setup and don't pollute the global scope. I used these date and time pickers for customers to select when they want to pick up their orders.
Documentation: https://material-ui.com/components/pickers/
Comments