https://github.com/spikeysanju/dozlog
https://github.com/spikeysanju/dozlog
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/spikeysanju/dozlog
- Owner: Spikeysanju
- License: mit
- Created: 2023-05-18T05:27:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-29T06:49:03.000Z (over 2 years ago)
- Last Synced: 2025-02-09T20:19:01.084Z (8 months ago)
- Language: Svelte
- Size: 1.77 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 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):
```bash
# 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:
```seed.sql
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:
```bash
npm install
npm run dev
```
5. Open [http://localhost:5173](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](https://getdozer.io/) - learn about Dozer JS features and API.
- [Learn Dozer JS](https://getdozer.io/) - an interactive Dozer JS tutorial.
## Deploy on Vercel
The easiest way to deploy your SvelteKit app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [SvelteKit deployment documentation](https://nextjs.org/docs/deployment) for more details.