Angle Berry Client
A website for sharing premium videos. Users can pay or invite others to get access to the content. They can also chat in real-time with each other.
Angle Berry Client
This project consists of two repositories:
- Angle Berry Client (Current)
- Angle Berry Server
Technology stack
Client
Server (Database)
Dependencies
Angle Berry Client
- @ianvs/prettier-plugin-sort-imports
- @sveltejs/adapter-vercel
- @sveltejs/kit
- @sveltejs/vite-plugin-svelte
- @tailwindcss/cli
- @tailwindcss/vite
- @types/node
- autoprefixer
- phosphor-icons-svelte
- pocketbase
- pocketbase-types
- prettier
- prettier-plugin-svelte
- prettier-plugin-tailwindcss
- svelte
- svelte-copy
- svelte-hot-french-toast
- svelte-loading-bar
- svelte-outclick
- sveltekit-superforms
- tailwindcss
- tailwindcss-addons
- typescript
- valibot
- vite
Angle Berry Server
Hosting
- Angle Berry Client is hosted on Vercel.
- Angle Berry Server is hosted on?
Development
- Install NodeJS (v20.10.0 stable).
- Install PNPM (v8.14.0 stable).
- Install Git (v2.40.1.windows.1 stable).
- Install vsCode - Optional.
Clone the repositories
- Run
git clone --depth 1 https://github.com/babakfp/angle-berry-client.git. - Run
git clone --depth 1 https://github.com/babakfp/angle-berry-server.git.
Setup
Open the projects in two separate vsCode instances, and:
- In the
angle-berry-serverdirectory, open a terminal and run the following command to start the server:pnpm serve. - Once the server is running, copy the domain address displayed in the terminal. For example, it might be
http://127.0.0.1:8090. - In the
angle-berry-serverdirectory, duplicate the.env.examplefile located in the root of your project and rename the duplicate file to.env. - Update the value for
PUBLIC_PB_URLin the.envfile with the copied domain address. - Run
pnpm iandpnpm dev. - Done 🎉.
angle-berry-client auth credentials
There are two users that you can switch between by the user menu:
- User
- Username:
user - Password:
useruser
- Username:
- Admin
- Username:
admin - Password:
adminadmin
- Username:
angle-berry-server admin credentials
Use this to log in to the PocketBase dashboard:
- Email:
[email protected] - Password:
[email protected]
Commands
dev: This runs the project in development mode.build: This builds the project. You don't need to run this.preview: This previews the built project.prepare: This isn't important. You don't need to run this.format: This makes the code look pretty.typegen: This generates PocketBase TS types. Use this to update the types when the PocketBase schema changes.
Todo
- Issue: When sending a new message in the chat and immediately attempting to edit it, the message content is not automatically written in the input box. This issue seems to be related to the "bind" keyword. However, it is important to note that this functionality works fine for old messages.
