clean

.github/workflows/docker-image.yml

@@ -1,16 +0,0 @@
-name: Build Docker Compose on Commit
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    branches:
-      - main
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
-      - name: Build Docker Compose
-        run: docker-compose -f .build/docker-compose.yml build

Img/.empty

@@ -0,0 +1 @@
+

README.md

@@ -1,18 +1,51 @@
-# create-svelte
+# Fishie Honesty
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+![Logo](https://github.com/FishieDotCom/Fishie-Honesty-UI/blob/main/Img/Github%20Logo.png)
 
-## Creating a project
+### What is this
+the Frontend code for Fishie Honesty. a no AI and no algorithm based social media website where users can build a profile and post and socialize with others
 
-If you're seeing this, you've probably already done this step. Congrats!
+if you want to follow along with the devlog for this project check out [my youtube playlist](https://youtu.be/LLYBFS7LHvk).
 
-```bash
-# create a new project in the current directory
-npm create svelte@latest
+## Features
+- a dedicated page for users to be able to share all their socials (linktree clone)
+- Telegram based authentication (2fa built in and we dont store passwords)
+- users can post
+- users can like or dislike posts
+- user profile
+- claim username 
+- notification via telegram
 
-# create a new project in my-app
-npm create svelte@latest my-app
-```
+## Roadmap
+*0 users*
+- build server
+- build web app
+- make dev logs
+- deploy server and web app
+
+*256 users*
+- add comments
+
+*1000+ users*
+- actually take the project seriously
+
+*5012 users*
+- android app
+- in app notification
+
+*10,000 users*
+- ios app
+- in app notification
+
+## Tech Stack
+**Server**
+- C# ASP.NET 
+- MongoDB
+
+**Web UI**
+- Svelte
+- Vite
+- Playwright
 
 ## Developing
 
@@ -23,17 +56,10 @@ npm run dev
 
 # or start the server and open the app in a new browser tab
 npm run dev -- --open
-```
 
-## Building
-
-To create a production version of your app:
-
-```bash
+# run prod build
 npm run build
+
+# preview the production build
+npm run preview
 ```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-

package-lock.json

@@ -1,4 +1,3 @@
-
 {
 	"name": "myapp",
 	"version": "0.0.1",
@@ -11,7 +10,8 @@
 			"dependencies": {
 				"@iconify/svelte": "^3.1.0",
 				"daisyui": "^2.51.5",
-				"react-icons": "^4.8.0"
+				"react-icons": "^4.8.0",
+				"sveltegram": "^1.1.5"
 			},
 			"devDependencies": {
 				"@playwright/test": "^1.28.1",
@@ -2718,6 +2718,11 @@
 				"svelte": ">=3.19.0"
 			}
 		},
+		"node_modules/sveltegram": {
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/sveltegram/-/sveltegram-1.1.5.tgz",
+			"integrity": "sha512-VkCEFsLu0xF+xQgmpD259RlO6NGCPMpdw6Ku0t9wD8/JsDokUujce4fw3N5CTc/tWY5bReD6/25psiIugQww8A=="
+		},
 		"node_modules/tailwindcss": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.1.tgz",
@@ -4861,6 +4866,11 @@
 			"dev": true,
 			"requires": {}
 		},
+		"sveltegram": {
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/sveltegram/-/sveltegram-1.1.5.tgz",
+			"integrity": "sha512-VkCEFsLu0xF+xQgmpD259RlO6NGCPMpdw6Ku0t9wD8/JsDokUujce4fw3N5CTc/tWY5bReD6/25psiIugQww8A=="
+		},
 		"tailwindcss": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.1.tgz",

package.json

@@ -31,6 +31,7 @@
 	"dependencies": {
 		"@iconify/svelte": "^3.1.0",
 		"daisyui": "^2.51.5",
-		"react-icons": "^4.8.0"
+		"react-icons": "^4.8.0",
+		"sveltegram": "^1.1.5"
 	}
 }

src/routes/+page.svelte

@@ -1,14 +1,14 @@
 <script>
-
-	
-
+	// import {Icon} from '@iconify/svelte';
+	// import {FaTelegramPlane} from 'svelte-icons/fa';
+	import {Login} from "sveltegram";
 </script>
 
 <section>
 	<div class="container">
 		<div class="text-center my-40">
 			<h1 class="text-3xl sm:text-4xl font-bold">Honesty</h1>
-			<sub class="text-sm">By Fishie</sub>
+			<sub class="text-sm">By SAR</sub>
 		</div>
 	</div>
 	<div class="p-10 sm:p-20" />
@@ -16,11 +16,16 @@
 
 	<footer class="container mx-auto">
 		<div class="flex justify-center items-center">
-			<button class="btn btn-error">
-				<!-- <a href="">Login via Telegram</a> -->
-				Click here to login 
-				<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script>
-			</button>
+			<!-- <button class="btn btn-error">
+				<a href="">Login via Telegram</a>
+				Click here to login
+			</button> -->
+			<!-- <script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script> -->
+			<Login
+				username="Fishie_Honesty_bot"
+				requestAccess=true
+				size="large"
+				/>
 		</div>
 	</footer>
 </section>
@@ -32,4 +37,4 @@
 4. this works
  -->
 
-<!-- Path: Fishie-Honesty-UI\src\routes\+page.svelte -->
+<!-- Path: Fishie-Honesty-UI\src\routes\+page.svelte -->