Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gabrielagodek/-old-lazycup

Single Page Application that allows you to buy your favorite coffee without waiting in long line at coffee house.
https://github.com/gabrielagodek/-old-lazycup

mysql nodejs typescript vite vue

Last synced: about 6 hours ago
JSON representation

Single Page Application that allows you to buy your favorite coffee without waiting in long line at coffee house.

Awesome Lists containing this project

README

        

# LazyCup
SPA application expanding skills in creating reusable components, passing props, and effective state management. Additionally, it emphasizes the importance of writing unit tests and creating snapshots.

## Installation
1. Clone the repository `git clone https://github.com/GabrielaGodek/LazyCup.git`
2. Change directory `cd lazycup`
3. Install dependencies `npm install`
4. At the terminal run the command `npm run dev`
5. It will open localhost at `http://127.0.0.1:5173/`

### Structure
- `/src` - Source code.
- `/public` - Public resources.
- `/src/components` - Vue's components.
- `/src/store` - Pinia assets.

## Dependencies
- Vue.js: `^3.3.4`
- Vue Router: `^4.2.2`
- Pinia: `^2.0.36`
- Vite: `^4.3.5`
- Vitest: `^0.34.6`
- Vitest/coverage-v8: `^^0.34.6`
- Sass: `^1.63.3`
- Fontawesome: `^3.0.3`

## Unit Tests
This project uses [Vitest](https://github.com/vitejs/vitest) for unit testing. Unit tests are essential to ensure the correctness and reliability of individual components within the application.

### Running Unit Tests
To run the unit tests locally, follow these steps:
1. Make sure you have Node.js and npm installed on your machine.
2. Install project dependencies by running:

```bash
npm install
```

3. Execute the following command to run the unit tests:

```bash
npm run test:unit
```
### Test Coverage
Use [Vitest's built-in coverage reporting](https://vitest.dev/guide/coverage) to monitor the test coverage of codebase. After running the unit tests, you can view the coverage report in the terminal.

```bash
npm run test:coverage
```

## Design
With this project I was able to get friendly with new tool like Figma and with the whole concept of Mobile Design.
[View on Figma Figma](https://www.figma.com/file/mRftKP3EVAnQN22cLKDYcR/LazyCup?type=design&node-id=0%3A1&mode=design&t=6zMBIfF7ng3Vk8bF-1)

## Lighthouse report
![lighthouse report](public/lazycup_lighthouse.png)

### License
This project is available for use under the MIT License.

### Authors
Gabriela Godek