Skip to content

DiegoLibonati/Notes-Native

Repository files navigation

Notes Native

Educational Purpose

This project was created primarily for educational and learning purposes.
While it is well-structured and could technically be used in production, it is not intended for commercialization.
The main goal is to explore and demonstrate best practices, patterns, and technologies in software development.

Getting Started

  1. Clone the repository on your computer using: git clone URL.
  2. Go to the APP directory.
  3. Execute: yarn install or npm install
  4. Execute: yarn run start or npm run start and select the desired option!
  • If you don't have expo and an Android simulator installed, search for a tutorial on YouTube.

Description

This native application is a notepad. It allows you to add notes, view these notes one by one by tapping on the note to be viewed. Additionally, the creation date, a title, and a content of the note can be viewed. While in the selected note, you can delete that note from all existing notes. Also, thanks to a component that I created, which is a list of checkboxes, you can filter by different filters such as date, title, or description, displaying only the filtered notes if it matches the filter and what you are looking to filter.

Technologies used

  1. React Native
  2. CSS
  3. Typescript
  4. Expo

Libraries used

Dependencies

"@expo/vector-icons": "^15.0.2"
"@reduxjs/toolkit": "^2.5.0"
"expo": "^54.0.0"
"expo-asset": "^12.0.8"
"expo-constants": "^18.0.9"
"expo-font": "^14.0.8"
"expo-status-bar": "~3.0.8"
"react": "19.1.0"
"react-native": "0.81.4"
"react-native-safe-area-context": "^5.6.1"
"react-redux": "^9.2.0"
"react-router-native": "^6.28.1"

devDependencies

"@babel/core": "^7.20.0"
"@testing-library/jest-native": "^5.4.3"
"@testing-library/react-native": "^12.1.2"
"@types/jest": "^29.5.13"
"@types/node": "^20.10.6"
"@types/react": "~19.1.10"
"babel-plugin-module-resolver": "^5.0.2"
"babel-preset-expo": "^54.0.1"
"jest": "^29.7.0"
"jest-expo": "~54.0.11"
"react-test-renderer": "19.1.0"
"ts-node": "^10.9.2"
"typescript": "^5.1.3"

Portfolio Link

https://www.diegolibonati.com.ar/#/project/Notes-Native

Video

notes-react-native.mp4

Testing

  1. Join to the correct path of the clone
  2. Execute: yarn test or npm test

Known Issues

About

This native application is a notepad. It allows you to add notes, view these notes one by one by tapping on the note to be viewed. Additionally, the creation date, a title, and a content of the note can be viewed. While in the selected note, you can delete that note from all existing notes.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors