# Notes App
A clean, and modern note taking app that has a complex ui, entirely built with Flutter. This app is also null safe. Be sure to leave a star 🌟

#### [Screenshots](#screenshots-1)

## Features
- _Create notes_: Create notes that store locally to device.
- _Edit notes_: Edit notes that were previously created.
- _Pinnable notes_: Pin notes to the top of the list.
- _User stats_: Stats for the user's notes such as total notes, words written etc.
- _Search notes_: Filter out notes with the search bar.
- _Tags/Categories_: Categorize your notes with tags and access them through the search bar or the tag's screen.
- _Dark Mode_: Light and dark modes that accustom to the device's theme.
- _Complex UI_: Modern and complex ui that is visually appealing and functional
- _Local storage_: Save your notes to your device.

## Upcoming Features
- _Lockable Notes_: Notes will be able to be unlocked with Face ID/Touch ID or a 4 digit password(Across all notes).
- _Rich Text Editor/WYSIWYG_: Rich text editor to be incorporated into the note creation functionality.
- _Firebase Support_: Analytics, Crashlytics, Performance.
- _Fuchsia OS Support_: Support to run on Google Fuchsia OS.
- _App Store/Google Play Store_: I plan on releasing this app on both app stores at some point in time.

## Getting Started
Fork or clone this repository or download the code and navigate to the enclosing folder inside your terminal. Then use this command to run:
```
flutter run
```

## Dependencies

- canton_design_system: [Link to repository](https://github.com/31Carlton7/canton_design_system)
- For the full list, see [dependencies](https://github.com/31Carlton7/flutter_notes_app/blob/master/pubspec.yaml)

## Screenshots
<table> 
  <th>Light Mode</th>
  <tr>
    <td> 
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_389D0B14-5BDA-4CA1-8BD3-AB45127C3434.png"> </img>
    </td>
    <td>
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/Simulator%20Screen%20Shot%20-%20iPhone%2012%20Pro%20Max%20-%202021-06-13%20at%2018.54.52.png"> 
  </img> 
    </td>
    <td> 
        <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_67D06A41-ADCA-43F2-BBB2-53E1FFA06E9E.png"> 
  </img>
    </td>
  </tr>
  
  <tr>
     <td>
       <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_91328528-304B-40EB-9B91-81627EF063C9.png"> 
  </img>
    </td>
    <td>
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_CF1D26E6-3959-4BCB-A47B-1DD69542207C.png">
    </td>
    <td> 
      <a href="https://github.com/31Carlton7/flutter_notes_app/blob/master/videos/light_mode_video.mov">
       Light Mode Video
      </a>
    </td>
  </tr>
</table>

<table> 
  <th>Dark Mode</th>
  <tr>
    <td> 
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_18989CB7-77BD-4DCC-92C5-A9062CC1E64F.png"> </img>
    </td>
    <td>
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_2795C0E4-D853-4697-8B25-46D43AB87FFC.png"> 
  </img> 
    </td>
    <td> 
        <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_C550D1B3-FDC4-47F1-80A0-80245BD66BDB.png"> 
  </img>
    </td>
  </tr>
  
  <tr>
     <td>
       <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_8B992D8C-23CF-4FEC-8D1C-9B271BBE8E05.png"> 
  </img>
    </td>
    <td>
      <img width="250" src="https://github.com/31Carlton7/flutter_notes_app/blob/master/screenshots/simulator_screenshot_779C7EDE-5372-4792-950B-B1B4C675C6D8.png">
    </td>
    <td> 
      <a href="https://github.com/31Carlton7/flutter_notes_app/blob/master/videos/dark_mode_video.mov">
       Dark Mode Video
      </a>
    </td>
  </tr>
</table>

## Featured In
- [FlutterForce - Week 145](https://medium.com/flutterforce/flutterforce-week-145-7d8d88b91f8b)
- [Australia National University: Software Innovation Institute](https://sii.anu.edu.au/projects.html)
- [MadeWithFlutter](https://madewithflutter.net/note/)
- [FlutterAppWorld](http://flutterappworld.com/a-clean-and-modern-note-taking-app-built-with-flutter/)
- [LibHunt](https://www.libhunt.com/r/flutter_notes_app)
- [r/FlutterDev Twitter](https://twitter.com/r_FlutterDev/status/1459214227936354306)
- [FlutterAwesome](https://flutterawesome.com/a-clean-and-modern-note-taking-app-built-with-flutter/)

## Socials
If you have any questions, you can reach me here:

- Instagram: [@31carlton7](https://www.instagram.com/31carlton7/)
- Email: carltonaikins7@gmail.com