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

https://github.com/sharonina/sunshi-client

App created for sunshi restaurant
https://github.com/sharonina/sunshi-client

react stylus vite vitest

Last synced: about 1 month ago
JSON representation

App created for sunshi restaurant

Awesome Lists containing this project

README

        

![Logo](./src/assets/sunshi2.png)

#

Web app created for a japanese food restaurant

# Tech Stack

**Client:** React, JavaScript, Stylus, Vitest

**Server:** Node, Express, MongoDB

# Prototypes

## Low fidelity

![Login](./src/assets/low1.png)
![Products](./src/assets/low2.png)
![Orders](./src/assets/low3.png)
![Order](./src/assets/low4.png)

## High fidelity

![Login and Home](./src/assets/login-home.png)
![Orders, products and users menu](./src/assets/menus.png)
![open menus](./src/assets/open-menus.png)
![open menus 2](./src/assets/open-menus-2.png)

# Usability Test: Lighthouse

![Login](./src/assets/login-lighthouse.png)

# Color Reference

| Color | Hex |
| ------ | ---------------------------------------------------------------- |
| Jade | ![#34B5AD](https://via.placeholder.com/10/34B5AD?text=+) #34B5AD |
| Orange | ![#EF5A30](https://via.placeholder.com/10/EF5A30?text=+) #EF5A30 |
| Green | ![#C9DF6D](https://via.placeholder.com/10/C9DF6D?text=+) #C9DF6D |
| Pink | ![#D97CBF](https://via.placeholder.com/10/D97CBF?text=+) #D97CBF |
| Red | ![#F34055](https://via.placeholder.com/10/F34055?text=+) #F34055 |

# Running Tests

To run tests, run the following command

```bash
npm run test
```