Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/gabrielagodek/-old-lazycup
- Owner: GabrielaGodek
- License: mit
- Created: 2023-06-10T18:36:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-19T18:47:46.000Z (10 months ago)
- Last Synced: 2024-02-28T17:02:16.884Z (9 months ago)
- Topics: mysql, nodejs, typescript, vite, vue
- Language: Vue
- Homepage:
- Size: 1.36 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 ](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