Giter Club home page Giter Club logo

symbols's Introduction

A new version of this project is being developed at arks-cafe/symbols

This repository is outdated and is not fully functional in its current state; will soon be fully archived.


symbol-bucket

A web application for Phantasy Star Online 2 players who want to share their Symbol Arts online. โœจ

Within PSO2, players can chat using special images known as Symbol Arts. These files are stored as .sar files within the game's symbolarts folder in the user's Documents/SEGA/PSO2~ directory. However, all .sar files are not named, and due to the special file format, they don't have native previews that make them easy to manage and share. This application aims to tackle the difficult sharability of Symbol Arts and give people a way to see Symbol Arts before downloading them and viewing them in-game.

A Twitter account is necessary to upload and delete entries.


๐Ÿ“ท Preview

preview-homepage preview-upload


โš™๏ธ Technologies Used

  • Svelte with SvelteKit (Client and Server)
  • Tailwind CSS with DaisyUI (Front-end Styling)
  • Supabase (Database, Twitter Authentication, and Storage)

โ’ธSEGA PHANTASY STAR ONLINE 2 http://pso2.com.

All rights to the copyrighted works (images, data, audios, texts, etc.) used in PSO2 are owned by SEGA Corporation.

All other trademarks, logos and copyrights are property of their respective owners

symbols's People

Contributors

jojobii-arks avatar

Stargazers

 avatar

Forkers

jojobii-arks

symbols's Issues

Move supabase keys into `.env`

Even though the public keys are safe to be shown on the outside, it would probably be better to keep them in .env in the case that someone wants to fork to make their own version or whatever lol.

  • Refactor Supabase Client to use variables from .env
  • Reset Supabase keys (i think)

Create documentation for Repository

  • Add description, tech stack, and development instructions to README.md
  • Create link from website to repo.
  • Update GitHub repo details with deployment link and whatnot

Polish for release

  • Add more title/meta tags for all routes
  • Add favicon
  • Restyle Header to work better on Mobile displays (nowrap)

Add text limit to title input

  • Move post schema definition to its own file.
  • On input, check if it fits within schema, and if it doesn't, don't update the value

Delete button!!!

image

  • Adjust DB function to get user ID alongside the rest of the user's data. (nvm I already am)
  • Display delete button if current $user is user_id of the post within SymbolArtCard
  • Move displayed posts to store for both index and catalog, with exported loadPosts({page: number, user: number} | null) that fetches according to args, and reloads with the last setting if null.
  • Attach postView store to catalog endpoint

Move hosting to Vercel

It's cheaper lol

  • Import adapter-auto rather than adapter-node
  • Deploy app from Vercel
  • Take down app from DigitalOcean App Platform

Catalog for `/user/[id]` endpoint

  • Create /catalog/user/[id]/[page] endpoint that loads catalog similar to /catalog but filtered with the user [id]
  • Attach anchor to username within SymbolArtCard component
  • Create a link from user card to associated catalog user endpoint

Create delete button for user.

  • Create endpoint /profile that displays user's data in system, including a post count where username matches post's username
  • Create delete button within /profile that deletes user's profile on the website alongside all uploaded posts.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.