Simpli Note

As "simpli" as its name. Use 💫Simpli-note💫 to quickly create your notes...📒

📸 Screenshots 📸

✨ Features ✨

• Notes viewer
• Add note fancy textbox
• Detail notes
• Clear notes
• Back button save support V1
• Tags (View only)
• Custom components
  • Modal
  • Tags
  • Snackbar
  • Button
• Unit test (Snapshots) V1

🔜 Roadmap

• Back button save support V2
• Pull to refresh
• Skeleton or loaders
• Android icons support.
• Refresh after clear async storage

🛠 Tech Stack 🛠

• React Native v0.71.4
• Async Storage v1.17.11
• React navigation v6
• TypeScript v4.8.4
• Jest
• React native testing library
• React custom hooks & context

🖌 UI Inspiration

• Logo: Inspired in Mainteny 🇩🇪 assets and builded in Figma.
• SplashScreen: Inspired in Mainteny 🇩🇪 assets and builded in Figma.
• Color palette: Mainteny 🇩🇪 UI Colors.
• FontFamily: Mainteny 🇩🇪 font - Google Font Manrope
• UI Notes Mobile App

📁 Folder structure

└── src/
    ├── assets/
    │   └── fonts
    └── components/
        ├── atoms/
        │   ├── button
        │   ├── header
        │   ├── onboarding-title
        │   ├── separator
        │   ├── snackbar
        │   └── textArea
        ├── molecules/
        │   ├── confirmation-modal
        │   ├── notes-slider
        │   └── tag-slider
        ├── dummyData
        ├── helpers
        ├── hooks/
        │   ├── service
        │   └── theme
        ├── navigation
        ├── screens/
        │   ├── add-note
        │   ├── detail-note
        │   └── onboarding
        ├── wrapper.tsx
        └── styles

🚀 Run Locally

Clone the project

  git clone https://github.com/betanyeli/simpli-note.git

Go to the project directory

  cd simpli-note

Install dependencies

  yarn install

  cd ios && pod install

Start the server

  yarn start

Run Android simulator

  yarn run android

Run iOS simulator

  yarn run ios

Running Tests

To run tests, run the following command

  yarn test

Or run linter

  yarn lint

🚀 Deployment 🚀

To generate APK of this project run

  npx react-native bundle --platform android --dev false \
  --entry-file index.js \
  --bundle-output android/app/src/main/assets/index.android.bundle \
  --assets-dest android/app/src/main/res/

discard generated changes, and then

  cd android && ./gradlew assembleRelease

👩🏻‍💻 Author 👩🏻‍💻

Develop with love by 💕@Beta💕

Feedback

🙉Your feedback is my salary🙉, just kidding! . If you have any comments, suggestions, let me know 🪐