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.
- Clone the repository on your computer using:
git clone URL. - Go to the APP directory.
- Execute:
yarn installornpm install - Execute:
yarn run startornpm run startand select the desired option!
- If you don't have expo and an Android simulator installed, search for a tutorial on YouTube.
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.
- React Native
- CSS
- Typescript
- Expo
"@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"
"@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"
https://www.diegolibonati.com.ar/#/project/Notes-Native
notes-react-native.mp4
- Join to the correct path of the clone
- Execute:
yarn testornpm test