https://github.com/jefrydco/sorabel-catalog
Recreating sorabel catalog page
https://github.com/jefrydco/sorabel-catalog
antd firebase-auth firebase-firestore firebase-storage react umijs
Last synced: 8 months ago
JSON representation
Recreating sorabel catalog page
- Host: GitHub
- URL: https://github.com/jefrydco/sorabel-catalog
- Owner: jefrydco
- License: mit
- Created: 2019-08-25T18:19:11.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-27T01:26:04.000Z (about 6 years ago)
- Last Synced: 2024-12-27T18:30:37.379Z (10 months ago)
- Topics: antd, firebase-auth, firebase-firestore, firebase-storage, react, umijs
- Language: JavaScript
- Homepage: http://sorabel-catalogs.web.app
- Size: 43.9 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: license.md
Awesome Lists containing this project
README
# Sorabel Catalog
Recreating sorabel catalog page
## Introduction
This project can be accessed through this link [http://sorabel-catalogs.web.app](http://sorabel-catalogs.web.app), you can log in into the admin by accessing the `/login` page. The authentication system is handled by firebase, you only need to click the login button and Firebase will guide through the authentication process.
After the sign in process completes, you'll be redirected into admin page located in `/admin`. You can manage product* and category there.
***Note: Edit product currently can't be used, it's still buggy.**
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
### Prerequisites
First, We should have [node](https://nodejs.org/en/), and make sure it's version 8.10 or above.
```bash
$ node -v
8.1x
# install dependencies
$ yarn # Or npm install
```
Recommended to use `yarn` to management npm dependency.
### Development
To run this project in development environment, execute this command
```bash
$ yarn start
```
Usually, the development server will run on port 8000. You can check it directly by visiting http://localhost:5000
## Running the tests
Execute this command:
```bash
$ yarn test
```
## Deployment
### Build
To build for production environment run this command
```bash
$ yarn build
```
it will generate `dist` directory inside the root of this project. The content of that directory is
```bash
$ tree ./dist
./dist
├── index.html
├── umi.css
└── umi.js
```
### Local Verification
To verify the build result, we can `serve` it locally before publishing.
```bash
$ yarn global add serve
$ serve ./dist
Serving!
- Local: http://localhost:5000
- On Your Network: http://{Your IP}:5000
Copied local address to clipboard!
```
Then visit http://localhost:5000
### Deploy
#### Now
After verified, we can deploy it to anywhere. Here an example of deployment using [now](https://now.sh/)
```bash
$ yarn global add now
$ now ./dist
```
#### Firebase Hosting
If you are prefer using [Firebase Hosting](https://firebase.google.com/docs/hosting), make sure the `firebase.json` contains hosting configuration like this:
```json
{
"hosting": {
"public": "dist",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
```
After that you can run this command to deploy
```bash
$ firebase deploy --only hosting
```
## Built With
* [UmiJS](https://umijs.org/) - Pluggable enterprise-level react application framework
* [Ant Design](https://ant.design/) - The world's second most popular React UI framework
* [DVA](https://dvajs.com/) - React and redux based, lightweight and elm-style framework.
## Authors
* **Jefry Dewangga** - [@jefrydco](https://twitter.com/jefrydco)
## License
This project is licensed under the MIT License - see the [LICENSE.md](./license.md) file for details