Giter VIP home page Giter VIP logo

community-pinboard's People

Contributors

denperidge avatar dependabot[bot] avatar hynet-mel avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

hynet-mel

community-pinboard's Issues

Javascript polish

I intentionally am limiting the client-side JavaScript usage. However, JS will be used for some polish

  • Implement Add to Calendar Button
  • Hide fileInput alt text unless a file is selected/url entered
  • Image squash
  • [ ]

No auto reload on scss change

After changing .scss/style files, public/stylesheets/style.css needs to be removed before changes are applied. Restarting is not necessary.

Note: this is likely due to the package.json script using ts-node-dev

Screenshots of the app in README

This looks awesome for both my whatsapp community and local community but its a decent amount of work to get it all setup to just get it running to actually see what it looks like and get an idea of how it works

(as in not a aptget/brew install and off to the races :P )

Implement Docker

Allowing this to run from Docker will let setup go a lot smoother for some users!

Date handling

The times/dates all seem to be messed up somewhere. Here's the current situation.

  • A live instance was created at 2024-04-17T17:23:44.2434042Z. TODO: find version & inspect current situation
  • Create tests?
  • Check if current progress is progress

Edit: this is being worked on in wip-tests branch

Future expansion

  • Transitions? Would have to be done in a way that doesn't goof with people with concentration problems
  • View pin? Might be without more details, but would make a more share-able link
  • Tags? Tagging system might be nice, especially for larger communities
  • Planner functionality? Might be out of scope.
  • Attendance? TODO: better writeup as to why not. Also, see #10
  • Authentication? A simple passphrase for creating/editing/removing, or for authenticated postedBy. Depends on Management & Replace postedBy
  • Management? Simple interface for modifying & deleting pins. Depends on Authentication.
  • Replace postedBy? Organiser details could be provided instead.
  • Comments? This could be designed intertwined with attendance if wanted down the road. Depends on Authentication & Management

Configuration

  • Allow custom title
  • Custom opengraph description & url
  • Allow custom backgrounds (moved to #11)
  • Add a admin contact e-mail? (moved to #11)

This should be implemented using a config file and/or environment variables. Still to be seen

Edit pins

  • Use a temp key based system. Generate a key, send it through pug? (This has been replaced with a form & auth middleware solution.) Not the tightest security around, but it'll do for editing public small scale information
  • ? Make it a separate panel (might be too much work?)
  • ? Integrate it with the current UI? (too much JS dependency and bloat?)

Form improvements

  • ID: turn into a slug
  • Fix pin overwrite with same id
  • Multiline description
  • Increased maxlengths

Cleanup old pins

  • Move to archive
  • Create viewable archive?
  • Create upcoming.ics and all.ics

Person mixin & attendance

Person pug mixins:

  • personpreview (img w alt)
  • personview (img w alt and label
  • Replace the pin form postedBy display
  • Add icons
  • Put file input left, so input for it can be styled as person
  • Use grid horizontally? With collapse?

Improving pin creation

  • Sanitise user input Edit: handled by pug!
  • Allow thumbnail file upload (save images as base64?)
  • Add filesize limits

Improve UI/UX

  • Add icons
  • Add "add to calendar" button Out of scope for this issue, moved to #13
  • Update CSS for better looks & responsiveness
  • Improve form error messaging
  • Replace background
  • Rotate pins randomly
  • Add favicon
  • Add OpenGraph
  • Make pins with thumbnail background... readable
  • Implement mandatory image description
  • Add placeholders to forms
  • Scroll to new pin on error
  • Share button that links to the header tagged pin on this website
  • Smooth scroll

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.