👨‍🏫 Tutorial Inventory & Sale Management System [ Bagong Gawa ]

[Kenneth66]

Programming Language & Framework​

Programming Language: TypeScript

Frontend Framework: React 19

Routing Framework: React Router v7 (framework mode)

Build Tool: Vite

Styling​

• CSS Modules (component-scoped styling)
• OpenProps (CSS custom properties/design tokens)
• Radix UI (accessible component primitives)

Key Libraries​

• React Hook Form (form handling)
• Recharts (data visualization/charts)
• Lucide React (icons)
• Sonner (toast notifications)
• jsPDF (PDF generation)

Database​

Currently: No database - The application is using in-memory data stored in TypeScript files:

• app/data/users.ts - User accounts
• app/data/products.ts - Product inventory
• app/data/transactions.ts - Sales transactions
• app/data/login-activities.ts - Login activity logs

Note: All data is stored in memory and will reset when the application restarts. This is suitable for development/demo purposes.

Available Integration​

The project has Supabase available as an integration option (currently disconnected), which would provide:

• PostgreSQL database
• Authentication
• Real-time APIs
• Storage

Site:tinanggal ko muna



With Demo Account at naka published napo yan.

Sa mga interesadong mag papagawa ng capstone project gumagawa po ako with right price.

 

[Well1AmNichtDiePerson]

Nice
Free ba ang gamit sa supabase?
Salamat sa iyong ibinahagi.

 

[Kenneth66]

Nice
Free ba ang gamit sa supabase?
Salamat sa iyong ibinahagi.

May free pero limited lods..

 

[Muffins_]

Nice boss. Bat ganto po siya sa desktop browser?

 

[Kenneth66]

Nice boss. Bat ganto po siya sa desktop browser?
View attachment 4005573

Pero sa mobile view ok naman, kailangan pang ayusin lods

 

[Muffins_]

Opo maayos naman po sa mobile. Pano nyo po ginawa yung para sa live demo?

 

[Kenneth66]

Opo maayos naman po sa mobile. Pano nyo po ginawa yung para sa live demo?

# 1. Install Vercel CLI (if not already installed)
npm i -g vercel

# 2. From your project directory
vercel login

# 3. Deploy
vercel

# 4. Add environment variables in Vercel dashboard:
# - SUPABASE_PROJECT_URL
# - SUPABASE_API_KEY

# 5. Deploy to production
vercel --prod

 

[Bossing_Hobo]

BM muna idol baka kailanganin

 

[Muffins_]

# 1. Install Vercel CLI (if not already installed)
npm i -g vercel

# 2. From your project directory
vercel login

# 3. Deploy
vercel

# 4. Add environment variables in Vercel dashboard:
# - SUPABASE_PROJECT_URL
# - SUPABASE_API_KEY

# 5. Deploy to production
vercel --prod

salamuch po boss. baka magagamit later meron pa tinatapos currently hehe