💡
Project structure
core pages
layout
Splash screen
we dont autotmatically hide the splash screen, we hide it our selfvs
Project structure 1
Use efffect
Return
UI - components
ui structure
Project structure 2
all custom components should be:
reusables
customaizable
in shdacn approach
for ui elements componnet (smaller than custom comopnents, the
particles that are custom components) -
use variants to make it modular.
unified page wrapper and padding
deleted components
rtl view
import React from "react";
import { View, ViewProps } from "react-native";
import { cn } from "@/lib/utils";
export default function RTLView({
className = "flex-row-reverse ",
children,
...props
}: ViewProps & { className?: string }) {
return (
Project structure 3
<View
// @ts-ignore: className is for NativeWind
className={className}
{...props}
>
{children}
</View>
);
}
rtl text
import React from "react";
import { Text, TextProps } from "react-native";
// NativeWind: use className for Tailwind-like styling
export default function RTLText({
style,
className = "text-right",
children,
...props
}: TextProps & { className?: string }) {
return (
<Text
style={[{ writingDirection: "rtl", textAlign: "right" }, style]}
className={className}
{...props}
>
{children}
</Text>
);
}
LTR view
Project structure 4
import React from "react";
import { View, ViewProps } from "react-native";
export default function LTRView({
className = "flex-row",
children,
...props
}: ViewProps & { className?: string }) {
return (
<View
// @ts-ignore: className is for NativeWind
className={className}
{...props}
>
{children}
</View>
);
}
LTR text
import React from "react";
import { Text, TextProps } from "react-native";
// NativeWind: use className for Tailwind-like styling
export default function LTRText({ style, className = "text-left", children,
return (
<Text
style={[{ writingDirection: "ltr", textAlign: "left" }, style]}
className={className}
{...props}
>
{children}
</Text>
Project structure 5
);
}
features
chat feature
General structure
folder structure theory
Project structure 6
Project structure 7
chat gpt response
Project structure 8
Project structure 9
biz logic
so the idea - what does your business need- like the workflows
Project structure 10
Project structure 11
actual folder structure
full on summary - my words
Project structure 12
Project structure 13
Project structure 14
models
Domain modules
the idea of domain modules, is to combine between the different services
- they are the controllers, basiclly
Project structure 15
Project structure 16
the idea - the exact shape of a data as it corsses boundraies -
A repository:
Project structure 17
Project structure 18
Project structure 19
another propsoesd structure
Project structure 20
Project structure 21
explnation
Project structure 22
Project structure 23
app folder organizaiton
Project structure 24
Data flow
unit_ lessons → lesson
Project structure 25
Code
backend
services
openai
chat-service.js
What it does:
How it works
1. first, append the user message to the newHistory varaible.
2. make an open ai call
3. if is not a function call, we will append the message from
openai, to the new history, with the assistant role, and return
the new history.
4. if it is a function call, we will look for all tool call.
5. than take the args, and because we have only one function
schema, i know it will use the completeTask, so i just call it ,
and get a return value from it. (i know its a string).
6. than, i appeand it to the newHistory, but just with the
function_call_output type.
7. i call then onceagain, to it, with the new history, to openai api.
8. than i appeand the message i get from the response.output, i
appeand it to the new history.
9. i then return the new History.
Project structure 26
