square-mock
square-mock copied to clipboard
A simple mock-up of the Square Dashboard UI Kit using React, Redux, Webpack, Babel, and Firebase.
Square Dashboard UI Kit Mockup
A simple mock-up of the Square Dashboard UI Kit using React, Redux, Webpack, Babel, and Firebase. It is only frontend, not including the backend part.
Specification
- Webpack
- Babel
- TypeScript
- React
- React Router
- Redux
- styled-components
- axios
- Reselect
- Redux Thunk
- React memo
- React Hooks
- React Portals
- React lazy & Suspense
- React Error Boundaries
- Firebase as simple backend
No create-react-app, classes react components, Bootstrap and jQuery.
Running
npm install
npm run dev
It will run webpack server on http://localhost:8080/#/
Testing
Use login and password "admin" to log in.
![](https://raw.githubusercontent.com/edwardcdev/square-mock/master/src/assets/images/github/1.png?token=AH7OSB5PYK3KP7EJQ5UZIWS57NC7C)
![](https://raw.githubusercontent.com/edwardcdev/square-mock/master/src/assets/images/github/2.png?token=AH7OSB5IMVKZRKF4IGWPYGC57NE6W)
![](https://raw.githubusercontent.com/edwardcdev/square-mock/master/src/assets/images/github/3.png?token=AH7OSB62OXLUV4MUGGZNIES57NFBM)
![](https://raw.githubusercontent.com/edwardcdev/square-mock/master/src/assets/images/github/4.png?token=AH7OSBY673H43LTKHI6BCC257NFHS)
![](https://raw.githubusercontent.com/edwardcdev/square-mock/master/src/assets/images/github/5.png)