This is a SvelteKit project for a web application called "skeen". Based on the dependencies and code structure, it appears to be a tool for assessing skincare products. The application uses the Google Gemini AI to analyze product information and images, providing pros, cons, and an overall score.
- Framework: SvelteKit
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn-svelte
- AI: Google Gemini (@google/genai)
- Authentication: Firebase Authentication (Google Sign-in)
- Database: Cloud Firestore
- Bundler: Vite
The application is structured as a standard static SvelteKit project with Firebase integration.
src/routes
: Contains the application's pages and layouts.src/lib
: Contains reusable libraries and components.src/lib/ai
: Contains the logic for interacting with the Google Gemini AI.
base.ts
: Defines the interface for the AI client.gemini.ts
: Implements the AI client using the Gemini API.
src/lib/components
: Contains reusable components
ui
: Contains the UI components from shadcn-svelte
.custom
: Contains the custom UI components made for this app.
src/lib/db
: Contains database modules for Firestore
firestore-history.ts
: Manages assessment history in Firestorefirestore-products.ts
: Manages saved products in Firestorefirestore-profile.ts
: Manages user profiles in Firestore
src/lib/stores
: Contains Svelte stores
auth.svelte.ts
: Manages authentication statehistory.svelte.ts
: Manages assessment historyproducts.svelte.ts
: Manages product collectionprofile.svelte.ts
: Manages user profile
The project uses
shadcn-svelte
for its UI components. These components are located in
src/lib/components/ui
and are styled with Tailwind CSS.
When you need documentation for
shadcn-svelte
, check the local reference at
.vscode/llm-docs/shadcn-svelte.md
.
To run the application in development mode, use the following command:
bun run dev
To build the application for production, use the following command:
bun run build
This will create a static version of the application in the
build
directory.
To preview the production build locally, use the following command:
bun run preview
The project uses ESLint for linting and Prettier for code formatting.
- Lint:
bun run lint
- Format:
bun run format
The project uses TypeScript for static type checking.
- Check:
bun run check
- Check (watch mode):
bun run check:watch
Check the
.env.example
for available environment variables. All are prefixed with
PUBLIC_
for public use.
Inside the code make sure to import from
$env/static/public
to use the env variables.