Giter VIP home page Giter VIP logo

scheduleyoursocial's Introduction

You can learn more about me here.

scheduleyoursocial's People

Contributors

homostellaris avatar

Stargazers

 avatar  avatar

Watchers

 avatar

scheduleyoursocial's Issues

Upgrade SvelteKit

And check that it unifies the development experience, i.e. whether to use SvelteKit or Netlify CLI.

Add 'with' functionality

In first iteration Want to be able to edit:

  • Background color
  • Background effect
  • Image
  • Name

Second iteration:

  • People emojis
  • Other copy

Fix height on mobile

The app is meant to avoid vertical scroll whilst always filling the available vertical height unless it genuinely needs to overflow.

The issue is that current CSS doesn't account for the URL bar on mobile browsers. There's a Chrome dev article somewhere that explains how to accommodate this.

Simplify 'everyone' page

This page could be stripped down if we make it more dynamic.

image

The page could have accordions for different section that progress automatically but can be manually opened / closed too.

Stage 1 accordion - invite

At first this accordion is open and the others are closed (but you can see their names).

  • "Invite people"
  • share link button
  • NEXT

Clicking NEXT closes the 1st accordion and opens the second.

Stage 2 accordion - wait for invitees

  • "Waiting for others to join"
  • Show invitees
  • "Enable push notification (if you want)"
  • push notifications switch
  • NEXT

Enabling push notifications here is much more tempting because there's nothing to do but wait and the value proposition of them becomes very clear as it solves your current problem of just waiting.

Stage 3 accordion - choose a date

Once three people join this accordion opens and the others close.

  • "Once you see everyone here, choose a date"
  • best dates table
  • DECIDE
  • "This will notify others who have subscribed to push notifications"

Alternatively we could use actual pages instead of accordions for each stage as this would allow easy analytics of the journey / funnel. Page transitions could be used to make it look like the camera is going down one page at a time.

Selected date moving to day before

In some situations selected dates are moving to the day before when saved. This is to do with the way we are parsing values from the date picker which is (unexpectedly) timezone aware so can shift the date to the day before.

For now the design is to ignore timezones and simply collect dates so the fix is to ensure the day selected is what is captured by the backend.

Add loading states

And prevent double clicks. Might want to adopt a component library for this.

Allow decision to be updated

Put back button back on the decision page and use a value in session storage to check if user has already visited that page, if they have then let them return.

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.