paper-cost Svelte Themes

Paper Cost

A mobile app for calculating paper cost for packaging box

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

-> 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

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

Tools

-> Mixpanel

Test Credentials

Can be tested in live app

// Email
[email protected]
// Password
111111

After Cloning this project

You will need to install dependency!

# 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:

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:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Top categories

Loading Svelte Themes