An open API service indexing awesome lists of open source software.

https://github.com/edwardcdev/square-mock

A simple mock-up of the Square Dashboard UI Kit using React, Redux, Webpack, Babel, and Firebase.
https://github.com/edwardcdev/square-mock

axios babel firebase react redux redux-thunk typescript webpack

Last synced: 7 months ago
JSON representation

A simple mock-up of the Square Dashboard UI Kit using React, Redux, Webpack, Babel, and Firebase.

Awesome Lists containing this project

README

          

# Square Dashboard UI Kit Mockup
A simple mock-up of the [Square Dashboard UI Kit](https://designspace.io/product/square-dashboard-ui-kit/) using React, Redux, Webpack, Babel, and Firebase.
It is only frontend, not including the backend part.

## Specification
- [Webpack](https://webpack.js.org/)
- [Babel](https://babeljs.io/)
- [TypeScript](https://www.typescriptlang.org/)
- [React](https://reactjs.org/)
- [React Router](https://reacttraining.com/react-router/web/guides/quick-start)
- [Redux](https://redux.js.org/)
- [styled-components](https://www.styled-components.com/)
- [axios](https://github.com/axios/axios)
- [Reselect](https://github.com/reduxjs/reselect)
- [Redux Thunk](https://github.com/reduxjs/redux-thunk)
- React memo
- React Hooks
- React Portals
- React lazy & Suspense
- React Error Boundaries
- [Firebase](https://firebase.google.com/) as simple backend

> No create-react-app, classes react components, Bootstrap and jQuery.

## Running

```bash
npm install
npm run dev
```
It will run webpack server on http://localhost:8080/#/

## Testing

Use login and password "admin" to log in.

##

##

##

##