Giter VIP home page Giter VIP logo

looplist-react-native's Introduction

looplist-react-native

A React Native client for http://www.looplist.xyz, current in testing on Testflight and will be on the App Store shortly. Android thereafter. Links to follow.

The Backend API

The backend uses Node.js, Express.js, and Socket.io routes with a MongoDB Database

How to run

  • Clone repo
  • In your terminal: yarn install yarn start

Notes on re-deploying a new version to TestFlight / App Store or Play Store

How To

(1) Update version number in app.json

(2) Run

$ expo build:ios  // or
$ expo build:android

(3) Click links provided when (2) completes and download the build(s)

(4) Xcode > (Menu)Xcode > Open Deverloper Tools > Application Loader > Go to Generate app specific password

(5) Once in, choose and upload build from (3)

(6) Go to App Store Connect > My Apps > Loop List (> TestFlight, for beta)

(Note: If you need to manage certificates go here

Roadmap

  • Implement routes

    • If not logged in (Switch Navigator)

      • show /login/ screen modal (which user can not dismiss)
      • If a user does not have an account, they can navigate to /signup to create one
    • If logged in, a user will see (Stack Navigator)

      • List of checklists
      • Detail view of checklist
  • Build Flatlist of checklists

    • fetch all list names
    • allow user to click on a list name to pull up the Detail view
  • Build ChecklistDetail view

    • fetch all todos

    • allow user to toggle todo completion

    • allow user to reset all todos

    • UI/UX Improvements / Stretch Goals:

      • Use socket.io instead
      • allow user to create new list
      • allow user to delete list
      • allow user to create new todo
      • allow user to edit checklist title
      • allow user to edit todo
      • add swipe to delete
      • add auth error handling messages
      • allow user to add todo between rows using enter key
      • allow user to remove todo using backspace key
      • add keyboardavoidingview to gracefully scroll up screen on Login, Signup, Home and ListDetail
      • figure out why password autofill not showing up on Login but is showing up on SignUp

looplist-react-native's People

Contributors

nsafai avatar

Watchers

 avatar

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.