StashSpot is a lightweight web app designed for quickly saving and managing resource links. Users can add links with a title and description, view their saved resources, and delete them when no longer needed. All resources are stored in the browser's local storage, ensuring simplicity and privacy.
Built for learning purposes, StashSpot is developed using modern tools and technologies, including Vue, TypeScript, Tailwind CSS, Radix Vue, and ShadCN Vue. The app is thoroughly tested with Playwright to ensure functionality and reliability.
This project uses the following technologies:
- Vue\
- TypeScript
- Tailwind CSS
- Radix Vue
- Shadcn Vue
- Vite
- Playwright
- Vitest
- Bun
- HTML
- CSS
You can see the project live at the following link: Monster Smash
Before you begin, make sure you meet the following requirements:
- You have a Windows / Linux / Mac machine;
- You have Git installed and configured.
The app was setup up with Bun.
bun installbun devbun run buildRun Unit Tests with Vitest
bun test:unitRun End-to-End Tests with Playwright
# Install browsers for the first run
npx playwright install
# When testing on CI, must build the project first
bun run build
# Runs the end-to-end tests
bun test:e2e
# Runs the tests only on Chromium
bun test:e2e --project=chromium
# Runs the tests of a specific file
bun test:e2e tests/example.spec.ts
# Runs the tests in debug mode
bun test:e2e --debugLint with ESLint
bun lintHere's how to contribute to stashspot:
- Fork this repository.
- Create a branch:
git checkout -b <branch_name>. - Make your changes and commit them:
git commit -m '<commit_message>' - Push to the original branch:
git push origin stashspot / <location> - Create the pull request.
Alternatively, see the GitHub documentation on how to create a pull request.
We thank the following people who contributed to this project:
 Amanda Santos |