Giter VIP home page Giter VIP logo

bookoid's People

Contributors

iamstiil avatar tejasq avatar

Stargazers

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

Watchers

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

bookoid's Issues

Catalogue a user's books

We need a list view of a user's book catalog

  • It needs to support full CRUD.
    • Creating or adding a book can be done manually via a form, or using a Camera API to capture a barcode
  • It needs to work on all screen sizes.
  • It needs to support dark mode.
  • It needs to be searchable.
  • It needs to be sortable: by character (alphabetically), by status (lent vs. in stock), etc.
  • It needs to be pretty.
  • It needs to keep track of WHO a book was lent to.

Let's discuss design/appearance with mockups.

Authentication and Authorization

It'd be great to have a

  • Login with Google
  • Login with Facebook
  • Login with Apple

etc. where a user logs in and then can manage their books.

Schema of Data

In order to reduce reworking of the views, I would suggest talking through the data we want to save/provide for the book. This will help us design the frontend with the data in mind.

From what I have read so far we need something similar to this:

interface Book {
  title: string;
  author: string | number;
  status: 'available' | 'rented';
  location: string;
}

Let's discuss :D

Client-side GraphQL integration

As mention in #3, here we will discuss the client-side integration of the GraphQL backend.

A suggestion from my side:
What do you say about using react-query to seperate calls to the backend and usage in the frontend?

EDIT:
I made a POC here

Backend

I'd like to use Hasura cloud for the backend because it supports auth and gives us GraphQL on Postgres out of the box. Let's set this up.

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.