Coder Social home page Coder Social logo

abhisheknairofficial / notes-app Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 7.25 MB

A React Native Application to take notes

License: MIT License

JavaScript 83.73% Java 4.43% Objective-C 6.11% Ruby 4.52% Starlark 0.85% Swift 0.21% C 0.15%
react reactjs react-native react-hooks notes notes-app reactnavigation react-navigation

notes-app's Introduction

NotesApp

Issue Stats Fork Stats Stars Stats License Stats

A React Native Application to take notes. This is a simple application I created to take notes in React Native. Made using this template.

Take notes, get notes from images, share them with others, save them to your account with this app. Here are a few screenshots and a gif showing it in action.

Listing Screenshot Images Screenshot Video of ML

Features


  1. Sign-in with google, and access data across multiple devices.
  2. Ability to take down notes and store them.
  3. Notes are backed up using Firebase, so data is always safe even if the device has an issue.
  4. Data encryption enabled, so it is only visible on the device.
  5. Ability to scan images and convert them to text notes.
  6. Dark more support.

Installation


  1. Run yarn to install the packages listed in the package.json.

  2. (For iOS) Go into iOS folder, and run pod install. This is a necessary step for running in iOS.

Running the App for development

Android

yarn run-android

iOS

yarn run-ios

Installing a working APK in your device

  1. Run this command:

    yarn build-android
  2. Next:

    cd android
    #Create debug build:
    $ ./gradlew assembleDebug
    #Create release build:
    $ ./gradlew assembleRelease
    #Generated `apk` will be located at `android/app/build/outputs/apk`

Sources


  1. Using use-global-hook for State management.

  2. Firebase ML for text recogntion.

  3. Medium Article on the app

  4. Medium Article on ML

Todo


  1. Implement Task updates / checkbox

  2. Add image upload support.

notes-app's People

Contributors

abhisheknairofficial avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

notes-app's Issues

Remove Delete Button

Remove delete button from the notes page, and make it a swipe to delete on the listing page.

Replace Delete popup with undo toast message at the bottom

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Add Colour supprt

Describe the solution you'd like
When I'm editing a note, I'd like to change the background colour of that particular note, so I could easily find it later for reference.

Atomise the Project Structure

Describe the solution you'd like
I want the components to follow atomised structure, which would make it easier to scale later.

Remove Save Button

Replace the save button with a loader, and auto save after user finishes typing.

Stuck in welcome loop when app is suspended in background in android

Describe the bug
Open the app in android. Close it by pressing the back button. Then when you try to open it again, it gets stuck in the welcome loop.

To Reproduce
Steps to reproduce the behavior:

  1. Open the app.
  2. Close the app using back button.
  3. Open it again.

Expected behavior
While reopening, it needs to load up the listing screen.

Smartphone (please complete the following information):

  • Device: OnePlus 6T
  • OS: Android 10

Additional context
Add any other context about the problem here.

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.