12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-description.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-title.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
24 |
26 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/index.ts:
--------------------------------------------------------------------------------
1 | import Root from "./card.svelte";
2 | import Content from "./card-content.svelte";
3 | import Description from "./card-description.svelte";
4 | import Footer from "./card-footer.svelte";
5 | import Header from "./card-header.svelte";
6 | import Title from "./card-title.svelte";
7 |
8 | export {
9 | Root,
10 | Content,
11 | Description,
12 | Footer,
13 | Header,
14 | Title,
15 | //
16 | Root as Card,
17 | Content as CardContent,
18 | Description as CardDescription,
19 | Footer as CardFooter,
20 | Header as CardHeader,
21 | Title as CardTitle
22 | };
23 |
24 | export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25 |
--------------------------------------------------------------------------------
/src/lib/components/ui/checkbox/checkbox.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
13 |
22 |
--------------------------------------------------------------------------------
/src/lib/components/ui/command/command-item.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dialog/dialog-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dialog/dialog-overlay.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
32 |
34 |
22 |
24 |
12 |
16 |
18 |
19 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/accordion/accordion-content.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
24 |
26 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/card/card-description.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/card/card-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/card/card-title.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
24 |
26 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/card/index.ts:
--------------------------------------------------------------------------------
1 | import Root from "./card.svelte";
2 | import Content from "./card-content.svelte";
3 | import Description from "./card-description.svelte";
4 | import Footer from "./card-footer.svelte";
5 | import Header from "./card-header.svelte";
6 | import Title from "./card-title.svelte";
7 |
8 | export {
9 | Root,
10 | Content,
11 | Description,
12 | Footer,
13 | Header,
14 | Title,
15 | //
16 | Root as Card,
17 | Content as CardContent,
18 | Description as CardDescription,
19 | Footer as CardFooter,
20 | Header as CardHeader,
21 | Title as CardTitle
22 | };
23 |
24 | export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/input/index.ts:
--------------------------------------------------------------------------------
1 | import Root from "./input.svelte";
2 |
3 | type FormInputEvent
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/sheet/sheet-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/sheet/sheet-overlay.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
12 |
13 |
15 |
16 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/tabs/index.ts:
--------------------------------------------------------------------------------
1 | import { Tabs as TabsPrimitive } from "bits-ui";
2 | import Content from "./tabs-content.svelte";
3 | import List from "./tabs-list.svelte";
4 | import Trigger from "./tabs-trigger.svelte";
5 |
6 | const Root = TabsPrimitive.Root;
7 |
8 | export {
9 | Root,
10 | Content,
11 | List,
12 | Trigger,
13 | //
14 | Root as Tabs,
15 | Content as TabsContent,
16 | List as TabsList,
17 | Trigger as TabsTrigger
18 | };
19 |
--------------------------------------------------------------------------------
/src/lib/components/ui/ui/tabs/tabs-content.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
21 |
30 |
32 |
26 |
35 |
37 | 14 | {@html structName.name} 15 |
16 |
17 | 
18 |
19 | {structName.smalltitle}
20 |
21 |
27 | -
22 | {#each structName.examples as item}
23 |
- {item} 24 | {/each} 25 |
7 | A data structure is a storage that is used to store and organize data. It is a way of arranging 8 | data on a computer so that it can be accessed and updated efficiently. 9 |
10 |
11 | 
12 |
13 | Types of Data Strucuture
14 |
15 |
20 | -
16 |
- Linear Data Structure 17 |
- Non-Linear Structure 18 |
7 | Dynamic data structures, such as linked lists, stacks, queues are those that have a variable 8 | size and structure at runtime. This means they can be modified or resized as needed. 9 |
10 |
11 | 
12 |
13 |
14 | Examples of Non Linear Data Strucuture
15 |
16 |
23 | -
17 |
- Linked List 18 |
- Vector 19 |
- Queue 20 |
- Stack 21 |
7 | Data structure in which data elements are arranged sequentially or linearly, where each element 8 | is attached to its previous and next adjacent elements, is called a linear data structure. 9 |
10 |
11 |
12 |
13 |
14 | Examples of Linear Data Strucuture
15 |
16 |
23 | -
17 |
- Array 18 |
- Stack 19 |
- Linked List 20 |
- Queue 21 |
7 | Data structures where data elements are not placed sequentially or linearly are called 8 | non-linear data structures. In a non-linear data structure, we can't traverse all the elements 9 | in a single run only. 10 |
11 |
12 | 
13 |
14 |
15 | Examples of Non Linear Data Strucuture
16 |
17 |
25 | -
18 |
- Tree 19 |
- Binary Search Tree 20 |
- Graph 21 |
- Hashing Data Structure 22 |
- Trie 23 |
7 | In Static data structure the size of the structure is fixed. The content of the data structure can be modified but without changing the memory space allocated to it. 8 |
9 |
10 | 
11 |
12 |
13 | Examples of Static Data Strucuture
14 |
15 |
19 | -
16 |
- Array 17 |
20 |
29 |
31 |
22 |
30 |
31 |
32 |
40 |
41 |
42 | {label}
43 | List of Questions for Solving and Improving
46 |
48 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
65 |
--------------------------------------------------------------------------------
/src/lib/diagrams/sv/DiffBadge.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
36 |
39 |
49 |
51 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/src/lib/diagrams/sv/SheetFlow.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
22 |
23 |
24 |
32 |
33 |
34 | {label}
35 | List of Questions for Solving and Improving
38 |
40 |
44 |
45 |
46 |
47 |
28 |
31 |
41 |
43 |
19 |
22 |
65 |
67 |
15 |
18 |
17 | {#each tags as item}
18 |
25 | {/each}
26 |
27 |
28 |
29 |
32 |
33 |
--------------------------------------------------------------------------------
/src/lib/frontend/interview/AllInterviewQT.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
17 | {#each tags as item}
18 |
25 | {/each}
26 |
27 |
96 |
97 |
98 |
100 |
101 |
--------------------------------------------------------------------------------
/src/lib/home/Hero.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
10 |
56 |
57 |
59 |
--------------------------------------------------------------------------------
/src/lib/home/HomeCode.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
13 |
52 |
16 |
51 | 19 | CodeFlow. 20 |
21 | 24 |25 | Introducing new things on codeflow Snippets 30 | and 31 | 0/1 Knapsack 34 |
35 |
36 |
40 |
41 |
45 |
49 |
50 |
53 |
55 |
18 |
21 |
66 |
73 |
--------------------------------------------------------------------------------
/src/lib/home/featureCode.svelte:
--------------------------------------------------------------------------------
1 |
25 |
26 | Additional Features
67 |
68 | {#each features as { name, desc, sub }}
69 |
72 |
36 |
42 | {/each}
43 |
38 |
41 | {item.title}
39 |{item.desc}
40 |
17 | {#each tags as item}
18 |
25 | {/each}
26 |
27 |
9 |
11 |
14 | {#each $topicsTitle as subtopic}
15 |
18 |
26 | {subtopic.name}
27 | {subtopic.desc}
28 |
29 |
30 |
32 |
35 |
45 |
36 |
39 |
40 |
43 | Updated {subtopic.isupdated}
44 |
31 |
84 |
--------------------------------------------------------------------------------
/src/lib/learnings/topicBadge.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 | {#if tag === 'easy'}
6 | {tag}
10 | {:else if tag === 'medium'}
11 | {tag}
15 | {:else}
16 | {tag}
20 | {/if}
21 |
--------------------------------------------------------------------------------
/src/lib/learnings/topics-and-tags.ts:
--------------------------------------------------------------------------------
1 | import { writable } from "svelte/store";
2 |
3 | export let alltags = writable([
4 | {
5 | name: 'Home',
6 | link: '/c'
7 | },
8 | {
9 | name: 'C++ Snippets',
10 | link: '/c/snippets'
11 | },
12 | {
13 | name: 'Vector C++',
14 | link: '/c/vector'
15 | },
16 | {
17 | name: 'Set C++',
18 | link: '/c/set'
19 | },
20 | {
21 | name: 'Stack C++',
22 | link: '/c/stack'
23 | },
24 | {
25 | name: 'Map C++',
26 | link: '/c/map'
27 | },
28 | ])
29 | export let allpatterns = writable([
30 | {
31 | name: 'Home',
32 | link: '/pattern'
33 | },
34 | {
35 | name: '0/1 Knapsack',
36 | link: '/pattern/knapsack'
37 | },
38 | ])
39 | export let topicsTitle = writable([
40 | {
41 | name: 'Vector in C++',
42 | desc: 'Deep Dive into Vector C++ and STL Functions',
43 | lang: 'C++',
44 | isupdated: 'Nov 2023',
45 | tag: 'easy',
46 | link: 'c/vector'
47 | },
48 | {
49 | name: 'Set in C++',
50 | desc: 'Deep Dive into Set, Unordered Set, Multi Set',
51 | lang: 'C++',
52 | isupdated: 'Nov 2023',
53 | tag: 'easy',
54 | link: 'c/set'
55 | },
56 | {
57 | name: 'Stack in C++',
58 | desc: 'Deep Dive into Vector C++ and STL Functions',
59 | lang: 'C++',
60 | isupdated: 'Nov 2023',
61 | tag: 'medium',
62 | link: 'c/stack'
63 | },
64 | {
65 | name: 'Map in C++',
66 | desc: 'Deep Dive into Vector C++ and STL Functions',
67 | lang: 'C++',
68 | isupdated: 'Nov 2023',
69 | tag: 'easy',
70 | link: 'c/map'
71 | },
72 |
73 | ])
--------------------------------------------------------------------------------
/src/lib/learnings/vector/Codecopy.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 | {#each allcodes as { code, name }}
15 |
32 |
39 |
40 |
33 | {`stackv; `}
34 |
35 | v.top():{nums[0].num || ''}
37 |
38 |
41 |
61 |
44 |
59 |
45 | {#each nums as item (item.id)}
46 |
58 |
52 | {item.num}
53 |
54 | {:else}
55 | Empty Stack
56 | {/each}
57 | v.size(): {nums.length || '0'}
60 |
62 |
72 |
82 |
83 |
17 | {name}
18 |
19 |
71 |
72 | {#each allques as item}
73 |
74 | {item.title}
75 |
76 |
84 |
85 | {/each}
86 |
87 |
88 |
--------------------------------------------------------------------------------
/src/lib/learnings/vector/btnCopy.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
27 |
--------------------------------------------------------------------------------
/src/lib/pattern/DownloadFlow.svelte:
--------------------------------------------------------------------------------
1 |
41 |
42 | -
77 | {#each item.content as que}
78 |
- 79 | 80 | 81 | {/each} 82 |
44 |
48 | {#if routeID !== 'roadmap'}
49 |
50 |
51 | Visit
53 |
54 | {/if}
55 |
56 |
41 |
42 |
46 |
47 |
--------------------------------------------------------------------------------
/src/lib/pattern/bottomBox.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
15 |
58 |
--------------------------------------------------------------------------------
/src/lib/pattern/pBox.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
22 | {#if Number(sackWeight) === 0}
23 |
24 |
26 | {:else}
27 |
54 | {#if id !== '0'}
55 |
24 |
26 | {:else}
27 | Sack Weight : {sackWeight}
28 | {/if} 29 |
30 | w :
31 |
41 |
32 | {#each w1 as item}
33 |
34 | {item}
35 |
36 | {:else}
37 |
40 |
42 | v :
43 |
53 |
44 | {#each v as item}
45 |
46 | {item}
47 |
48 | {:else}
49 |
52 |
15 |
56 |
--------------------------------------------------------------------------------
/src/lib/pattern/pattern.css:
--------------------------------------------------------------------------------
1 | /* .svelte-flow__node {
2 | color: black;
3 | background-color: red;
4 | } */
5 | /* .svelte-flow__handle {
6 | height: 1px !important;
7 | width: 20px;
8 | border-radius: 3px;
9 | background: yellow;
10 | } */
11 |
--------------------------------------------------------------------------------
/src/lib/pattern/topBox.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
22 | {#if Number(sackWeight) === 0}
23 |
24 |
26 | {:else}
27 |
54 |
24 |
26 | {:else}
27 | Sack Weight : {sackWeight}
28 | {/if} 29 |
30 | w :
31 |
41 |
32 | {#each w1 as item}
33 |
34 | {item}
35 |
36 | {:else}
37 |
40 |
42 | v :
43 |
53 |
44 | {#each v as item}
45 |
46 | {item}
47 |
48 | {:else}
49 |
52 |
15 |
56 |
--------------------------------------------------------------------------------
/src/lib/practice/queStatus.svelte:
--------------------------------------------------------------------------------
1 |
21 |
22 |
23 | {#if Number(sackWeight) === 0}
24 |
25 |
27 | {:else}
28 |
55 |
25 |
27 | {:else}
28 | Sack Weight : {sackWeight}
29 | {/if} 30 |
31 | w :
32 |
42 |
33 | {#each w1 as item}
34 |
35 | {item}
36 |
37 | {:else}
38 |
41 |
43 | v :
44 |
54 |
45 | {#each v as item}
46 |
47 | {item}
48 |
49 | {:else}
50 |
53 |
38 | {#each allTags as item}
39 |
46 | {/each}
47 |
48 |
15 |
17 | {:else}
18 | {#key routeID}
19 |
20 |
22 | {/key}
23 | {/if}
24 |
--------------------------------------------------------------------------------
/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
10 |
12 | {#key routeID}
13 |
17 |
19 | {/key}
20 |
7 | {#each $topicsTitle as subtopic}
8 |
11 |
--------------------------------------------------------------------------------
/src/routes/c/vector/+page.svelte:
--------------------------------------------------------------------------------
1 |
32 |
33 |
45 |
73 |
--------------------------------------------------------------------------------
/src/routes/databases/+page.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 | Vector in C++
46 |-
47 |
- 48 | Vectors are the same as dynamic arrays with the ability to resize itself automatically when an 49 | element is inserted or deleted, with their storage being handled automatically by the 50 | container. 51 | 52 |
- 53 | Vector elements are placed in contiguous storage so that they can be accessed and traversed 54 | using iterators. 55 | 56 |
58 |
60 |
61 |
68 | Code
62 |-
63 |
64 |
66 |
69 |
72 | Solve Questions
70 |
14 |
17 |
--------------------------------------------------------------------------------
/src/routes/databases/concept/+page.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
10 |
12 | {#key routeID}
13 |
17 |
21 | {/key}
22 |
18 |
20 |
12 | {#each $conceptsTitle as subtopic}
13 |
16 |
--------------------------------------------------------------------------------
/src/routes/fullstack/concepts/client-caching/+page.svelte:
--------------------------------------------------------------------------------
1 | Caching is fun
2 | - currently building 3 | -------------------------------------------------------------------------------- /src/routes/fullstack/concepts/flex-vs-grid/+page.svelte: -------------------------------------------------------------------------------- 1 | Flex vs grid - currently building 2 | -------------------------------------------------------------------------------- /src/routes/fullstack/concepts/form-submission/+page.server.ts: -------------------------------------------------------------------------------- 1 | import type { Actions } from "./$types"; 2 | 3 | export const actions: Actions = { 4 | defualt: async ({ request }) => { 5 | let form = await request.formData(); 6 | console.log(form) // Form Data 7 | } 8 | }; -------------------------------------------------------------------------------- /src/routes/fullstack/concepts/form-submission/+page.svelte: -------------------------------------------------------------------------------- 1 | 40 | 41 |Simple Form Submission using Svelte
42 |43 | Form submission on the web typically involves sending data from a web form to a server for 44 | processing. Here's a basic overview of how form submission works 45 |
46 |Basic working of Form
47 |-
48 |
- Creating the Form 49 |
- User Input 50 |
- Submitting the Form 51 |
- Sending the Request 52 |
- Processigng on the Server 53 |
- Response from the Server 54 |
- Displaying the Response 55 |
57 | In summary, form submission involves creating an HTML form, collecting user input, sending the 58 | data to a server via an HTTP POST request, processing the data on the server, and then responding 59 | to the client's request with the appropriate content 60 |
61 |
62 |
70 | Form submission at Server Side +page.server.ts File
71 |
72 |
80 |
81 | 6. Response from the Server: After processing the form data, the server typically
82 | sends back a response to the client (browser). This response might be a new web page, a
83 | confirmation message, or any other content determined by the server-side processing.
84 |
85 | 7. Displaying the Response: The browser receives the response from the server and 86 | displays it to the user. This might involve loading a new page, updating parts of the current page 87 | dynamically (using AJAX), or displaying a pop-up message. 88 |
89 |
--------------------------------------------------------------------------------
/src/routes/fullstack/frameworks/+page.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 | 85 | 7. Displaying the Response: The browser receives the response from the server and 86 | displays it to the user. This might involve loading a new page, updating parts of the current page 87 | dynamically (using AJAX), or displaying a pop-up message. 88 |
11 |
13 | {#key routeID}
14 |
18 |
20 | {/key}
21 |
12 | {#each $interviewTitle as subtopic}
13 |
16 |
--------------------------------------------------------------------------------
/src/routes/fullstack/interview/sign-up-form/+page.svelte:
--------------------------------------------------------------------------------
1 |
52 |
53 | Sign-up form using Sveltekit
54 |Inverview Question : Create a Sign Up Form using Sveltekit
55 |56 | Interview questions on sign-up forms are common in full-stack developer interviews. This is 57 | because sign-up forms are a common feature in web applications. In this article, we will discuss 58 | how to create a sign-up form using Sveltekit. 59 |
60 |61 | Sign up forms includes username, email, password and any other information that is required to 62 | create an account. Here's a basic overview of how form submission works 63 |
64 |
65 |
73 | Form submission at Server Side +page.server.ts File
74 |
75 |
83 |
--------------------------------------------------------------------------------
/src/routes/pattern/+layout.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
13 |
15 | {#key routeID}
16 |
17 |
18 |
19 |
21 |
22 |
23 | {/key}
24 |
7 | {#each $topicsTitle as subtopic}
8 |
11 |
--------------------------------------------------------------------------------
/src/routes/pattern/knapsack/+page.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 |
7 |
8 |
9 | 0/1 KnapSack
10 |
11 |
12 |
21 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/src/routes/practice/+page.server.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SikandarJODD/CodeFlow/c2abb5253cb286f504faa49583f8112c4a90ca53/src/routes/practice/+page.server.ts
--------------------------------------------------------------------------------
/src/routes/practice/+page.svelte:
--------------------------------------------------------------------------------
1 |
27 |
28 | 13 | Given N items where each item has some weight and profit associated with it and also given a 14 | bag with capacity W. The task is to put the items into the bag such that the sum of profits 15 | associated with them is the maximum possible 16 |
17 |
18 |
20 |
30 |
32 |
33 |
35 |