Coder Social home page Coder Social logo

nubpro / nakvaksin Goto Github PK

View Code? Open in Web Editor NEW
18.0 18.0 6.0 1.71 MB

NakVaksin helps to monitor your vaccination appointment and keep you updated whenever there is any update. You can even let your family members or co-workers to know about it too

Home Page: http://nakvaksin.vercel.app

License: GNU General Public License v3.0

JavaScript 2.42% CSS 0.11% TypeScript 97.38% Shell 0.09%
nextjs vaccine

nakvaksin's People

Contributors

bhsz avatar chengkangzai avatar nubpro avatar qhkm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

nakvaksin's Issues

[BE] Feat: Keep user logged in *almost* permanently

The current behaviour is that their token is store in their browser's cookie just for 3 days (this is a limitation because MySejahtera's token has a lifespan of 3 days). Afterwards, they have to sign in again. Which may not be a good user experience.

Proposal:

  1. Keep a history of user MySejahtera's token
  2. If a return user visit our site after 3 days, it will pass us an expired token.
  3. We will refer the expired token with our DB (from step 1), and give user's back a fresh token.

[FE] Feat: Adapt React Query as a Caching Strategy and global state management

Problem statement

Improve the speed of the website and reduce the api call

Proposed work

Using React Query to cache the api and control the global state

Success criteria

The criteria that must be met in order to consider this project a success.

  • to be determine

User stories

How the product should work for various user types.

Normal User

  • Feel fast UI

Related documents

Include links to other pages as necessary (e.g. technical design doc, project proposal, etc.)

https://react-query.tanstack.com/overview

Additional API

The API endpoints listed (login, profile, vaccine, and forgot password) are great. Any chance you have worked out some additional locations for curl? For example:

  • GET check-in history
  • POST check-out
  • "Covid-19 Status" form (to update health status)
  • Depedent profile information (e.g. risk status)

[FE] Bug: UI glitch when user clicks login from landing page

If you're not logged in and decides to click to "Nak SMS. blah...", you will see an abrupt flash before you see the login form.

Reason:
This is happening because, user login session is verified on the /subscribe page instead of the landing page.

Side effects:
If you try to hit the button on /login, you will not return to the landing page.

Solution:
Check session on landing page.
If logged in, button should point to /subscribe.
Otherwise, /login.

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.