Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/prokawsar/paper-cost

A mobile app for calculating paper cost for packaging box
https://github.com/prokawsar/paper-cost

supabase svelte svelte-5 sveltekit tailwindcss

Last synced: 13 days ago
JSON representation

A mobile app for calculating paper cost for packaging box

Awesome Lists containing this project

README

        

# Determine Paper Cost

This project is specifically designed with a **MOBILE**-first approach, with the user interface optimized for mobile screens to provide an enhanced and professional user experience on mobile devices.

## Features and Functionalities

```bash
-> Email/Password based authentication system
-> Dynamic paper layer adding (Maximum 10 paper)
-> Auto focus next field on press 'Enter'
-> Calculate the price on press 'Enter' from last input field
-> Price history saved in Supabase
-> History trash for later recovery

```

## Tech Stack

```bash
-> Svelte
-> SvelteKit
-> JavaScript
-> TypeScript
-> Tailwind
-> Supabase
-> Playwright
```

Tools

```bash
-> Mixpanel
```

## Test Credentials

Can be tested in live app

```js
// Email
[email protected]
```

```js
// Password
111111
```

## After Cloning this project

You will need to install dependency!

```bash
# install all dependency
npm i

```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.