# frontend-sei

> 特检院前端系统－－子工程

Latest version **0.0.2** (published 2019-10-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install frontend-sei
pnpm add frontend-sei
yarn add frontend-sei
bun add frontend-sei
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2019-10-29 |
| First published | 2019-10-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 31 |
| Unpacked size | 9.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 何尔章 |
| Maintainers | heerzhang |

## Links

- npm: https://www.npmjs.com/package/frontend-sei
- npm.io page: https://npm.io/package/frontend-sei

## Dependencies (31)

- [react](https://npm.io/package/react.md) ^16.10.2
- [slate](https://npm.io/package/slate.md) ^0.47.4
- [sancho](https://npm.io/package/sancho.md) file:../sancho
- [wouter](https://npm.io/package/wouter.md) ^2.3.1
- [graphql](https://npm.io/package/graphql.md) ^14.5.3
- [shortid](https://npm.io/package/shortid.md) ^2.2.14
- [immutable](https://npm.io/package/immutable.md) ^4.0.0-rc.12
- [react-dom](https://npm.io/package/react-dom.md) ^16.10.2
- [react-pose](https://npm.io/package/react-pose.md) ^4.0.8
- [@types/jest](https://npm.io/package/@types/jest.md) ^24.0.15
- [@types/node](https://npm.io/package/@types/node.md) ^12.6.2
- [graphql-tag](https://npm.io/package/graphql-tag.md) ^2.10.1
- [slate-react](https://npm.io/package/slate-react.md) ^0.22.4
- [@types/debug](https://npm.io/package/@types/debug.md) ^4.1.2
- [@types/react](https://npm.io/package/@types/react.md) ^16.8.23
- [apollo-boost](https://npm.io/package/apollo-boost.md) ^0.4.4
- [react-helmet](https://npm.io/package/react-helmet.md) ^5.2.1
- [@emotion/core](https://npm.io/package/@emotion/core.md) ^10.0.21
- [focus-visible](https://npm.io/package/focus-visible.md) ^5.0.2
- [apollo-link-ws](https://npm.io/package/apollo-link-ws.md) ^1.0.18
- [react-pose-text](https://npm.io/package/react-pose-text.md) ^3.1.0
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.8.4
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^5.1.2
- [react-gesture-view](https://npm.io/package/react-gesture-view.md) ^2.1.3
- [@apollo/react-hooks](https://npm.io/package/@apollo/react-hooks.md) 3.1.2
- [@apollo/react-common](https://npm.io/package/@apollo/react-common.md) 3.1.2
- [react-material-table](https://npm.io/package/react-material-table.md) ^1.0.1
- [slate-plain-serializer](https://npm.io/package/slate-plain-serializer.md) ^0.7.6
- [react-js-pull-to-refresh](https://npm.io/package/react-js-pull-to-refresh.md) ^1.2.2
- [subscriptions-transport-ws](https://npm.io/package/subscriptions-transport-ws.md) ^0.9.16
- [react-intersection-observer](https://npm.io/package/react-intersection-observer.md) ^8.25.1

## Recent versions

- 0.0.2 (latest) — 2019-10-29

## README

# Julienne

<div align="center">
  <a href="https://julienne.app">
    <img
    max-width="600px"
    alt="Julienne screenshot showing a list of recipes on the left, and a recipe on the right."
     src="https://raw.githubusercontent.com/bmcmahen/julienne/master/julienne.jpg">
  </a>
</div>
<br />

Julienne is a web app that allows you to share recipes with family and friends.

It's built using the [Sancho-UI](https://github.com/bmcmahen/sancho) design system, Firebase, Typescript, React and Emotion.

[Try it out here](https://julienne.app/).

## How this code works

I'm writing a series of blog posts explaining the code that goes into this project. I'll be adding them here and on my blog when time permits.

**1. [Introducing Sancho UI](https://benmcmahen.com/introducing-sancho/)**

**2. [Using Firebase with React Hooks](https://benmcmahen.com/using-firebase-with-react-hooks/)**

**3. [Building React Components with Gesture Support](https://benmcmahen.com/building-react-components-with-gesture-support/)**

**4. [A Beginner's Guide to using Typescript with React](https://benmcmahen.com/beginners-guide-to-typescript-with-react/)**

## Running locally

This project is built using `create-react-app`, typescript, and firebase. To get it running properly, you'll need to create your own firebase application and export your firebase configuration in a file at `src/firebase-config.ts`. The config should include algolia configuration, and look something like this:

```js
// src/firebase-config.ts
const config = {
  apiKey: "myapikey",
  authDomain: "my-auth-domain.firebaseapp.com",
  databaseURL: "my-db-url.com",
  projectId: "my-pid",
  storageBucket: "my-storage-bucket",
  messagingSenderId: "my-sender-id",
  ALGOLIA_APP_ID: "my-app-id",
  ALGOLIA_USER_SEARCH_KEY: "my-user-search-key"
};

export default config;
```

You'll also need to install the local dependencies using Yarn or NPM.

```
yarn
```

You'll need to either deploy the functions or emulate them locally. Finally, you can run it:

```
yarn start
```

This runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## Deploying

Use firebase-cli to initalize a project in the root directory. Then build your project and deploy.

```
yarn run build
firebase deploy
```

## License

BSD 3-Clause, see the LICENSE file.

---
_Source: https://npm.io/package/frontend-sei · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._