Spikeysanju / Dozlog

Welcome to Dozlog

Dozlog is a mini ecommerce application that simulates a real-time admin dashboard. It is built using postgres and the dozer js library, and developed with svelte. This application showcases how you can create your own real-time admin dashboard using dozer and sveltekit.

Getting Started

To run this application, follow these steps:

1. Create a new .env file and add the following values (refer to .env.local for an example):

# DATABASE CONFIG
DATABASE_URL='postgresql://[database]:[password]@localhost:5432/postgres'

# AUTHJS CONFIG
AUTH_SECRET="64dac3fe28fbf242d11982565d165583" // Use this to generate secret - https://generate-secret.vercel.app/32
AUTH_TRUST_HOST="true"

# GITHUB CONFIG
GITHUB_ID="YOUR ID HERE"
GITHUB_SECRET="YOUR GITHUB SECRET HERE"

2. Once you have created the .env file, you need to set up the seed query in your postgres database. Run the following query in your postgres console to create the tables:

CREATE TABLE IF NOT EXISTS profile (
    id VARCHAR(255) PRIMARY KEY,
    name VARCHAR(255),
    email VARCHAR(255) NOT NULL,
    "emailVerified" TIMESTAMP,
    image VARCHAR(255)
);

CREATE TABLE IF NOT EXISTS account (
    id VARCHAR(255) PRIMARY KEY,
    "userId" VARCHAR(255) NOT NULL,
    type VARCHAR(255) NOT NULL,
    provider VARCHAR(255) NOT NULL,
    "providerAccountId" VARCHAR(255) NOT NULL,
    refresh_token VARCHAR(255),
    access_token VARCHAR(255),
    expires_at BIGINT,
    token_type VARCHAR(255),
    scope VARCHAR(255),
    id_token VARCHAR(255),
    session_state VARCHAR(255),
    oauth_token_secret VARCHAR(255),
    oauth_token VARCHAR(255)
);

CREATE TABLE IF NOT EXISTS session (
    id VARCHAR(255) PRIMARY KEY,
    "sessionToken" VARCHAR(255) NOT NULL,
    expires TIMESTAMP NOT NULL,
    "userId" VARCHAR(255) NOT NULL
);

CREATE TABLE IF NOT EXISTS verificationToken (
    identifier VARCHAR(255) NOT NULL,
    token VARCHAR(255) NOT NULL,
    expires TIMESTAMP NOT NULL
);

CREATE TABLE IF NOT EXISTS product (
    id VARCHAR(255) PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    description VARCHAR(255),
    price INT NOT NULL,
    image VARCHAR(512) NOT NULL,
    "createdAt" TIMESTAMP,
    "updatedAt" TIMESTAMP NOT NULL
);

CREATE TABLE IF NOT EXISTS cart (
    id VARCHAR(255) PRIMARY KEY,
    "userId" VARCHAR(255) NOT NULL,
    "productId" VARCHAR(255) NOT NULL,
    quantity INT,
    "createdAt" TIMESTAMP,
    "updatedAt" TIMESTAMP NOT NULL
);

CREATE TABLE order (
    id VARCHAR(255) PRIMARY KEY,
    "userId" VARCHAR(255) NOT NULL,
    "productId" VARCHAR(255) NOT NULL,
    quantity INT NOT NULL,
    "totalPrice" INT NOT NULL,
    "createdAt" TIMESTAMP NOT NULL,
    "updatedAt" TIMESTAMP NOT NULL
);


--To add dummy products to database you can run

CREATE OR REPLACE FUNCTION insert_1000_products()
  RETURNS VOID AS
$$
DECLARE
  i INT;
BEGIN
  FOR i IN 1..1000 LOOP
    INSERT INTO product (id, name, description, price, image, "createdAt", "updatedAt")
    VALUES (
      md5(random()::text || clock_timestamp()::text)::uuid,
      'Product ' || i,
      'Description for Product ' || i,
      floor(random() * 100 + 1),
      CASE (i % 5)
        WHEN 1 THEN 'https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1'
        WHEN 2 THEN 'https://images.pexels.com/photos/1879096/pexels-photo-1879096.jpeg?auto=compress&cs=tinysrgb&w=1600'
        WHEN 3 THEN 'https://images.pexels.com/photos/1879101/pexels-photo-1879101.jpeg?auto=compress&cs=tinysrgb&w=1600'
        WHEN 4 THEN 'https://images.pexels.com/photos/4296072/pexels-photo-4296072.jpeg?auto=compress&cs=tinysrgb&w=1600'
        WHEN 0 THEN 'https://images.pexels.com/photos/4296075/pexels-photo-4296075.jpeg?auto=compress&cs=tinysrgb&w=1600'
      END,
      clock_timestamp(),
      clock_timestamp()
    );
  END LOOP;
END;
$$
LANGUAGE plpgsql;

-- call this function to insert 1000 products in DB
SELECT insert_1000_products();

3. After successfully running the query, you will be able to see the tables in your database.

4. Go to your project directory in the terminal and run the following commands:

npm install
npm run dev

5. Open http://localhost:5173 in your browser to see the result.

Learn More

To learn more about Dozer JS, take a look at the following resources:

• Dozer JS Documentation - learn about Dozer JS features and API.
• Learn Dozer JS - an interactive Dozer JS tutorial.

Deploy on Vercel

The easiest way to deploy your SvelteKit app is to use the Vercel Platform from the creators of Next.js.

Check out our SvelteKit deployment documentation for more details.