{"id":20375614,"url":"https://github.com/juliolmuller/studying-react-native","last_synced_at":"2025-07-10T17:06:33.673Z","repository":{"id":110657761,"uuid":"332114147","full_name":"juliolmuller/studying-react-native","owner":"juliolmuller","description":"Basic mobile application to refresh React and React Native knowledge and skills.","archived":false,"fork":false,"pushed_at":"2023-04-12T03:01:21.000Z","size":811,"stargazers_count":3,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T07:38:44.428Z","etag":null,"topics":["crud","javascript","mobile","react","react-native"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/juliolmuller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-01-23T02:55:25.000Z","updated_at":"2023-04-12T03:01:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"46b7c5d2-63e0-41a0-919c-12da4db4e9a0","html_url":"https://github.com/juliolmuller/studying-react-native","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/juliolmuller/studying-react-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Fstudying-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Fstudying-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Fstudying-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Fstudying-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/juliolmuller","download_url":"https://codeload.github.com/juliolmuller/studying-react-native/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Fstudying-react-native/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264614735,"owners_count":23637643,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["crud","javascript","mobile","react","react-native"],"created_at":"2024-11-15T01:32:02.073Z","updated_at":"2025-07-10T17:06:33.660Z","avatar_url":"https://github.com/juliolmuller.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  :books: Simple CRUD with React Native\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#trophy-lessons-learned\"\u003eLessons Learned\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#rocket-technologies--resources\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#hammer-setting-up-the-environment\"\u003eEnvironment Setup\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#zap-features\"\u003eFeatures\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?labelColor=000000\u0026color=8257e5\u0026label=created%20at\u0026message=Jan%202021\" alt=\"Creation Date\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/last-commit/juliolmuller/studying-react-native-crud?label=updated%20at\u0026labelColor=000000\u0026color=8257e5\" alt=\"Update Date\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/v/tag/juliolmuller/studying-react-native-crud?label=latest%20version\u0026labelColor=000000\u0026color=8257e5\" alt=\"Latest Version\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/static/v1?labelColor=000000\u0026color=8257e5\u0026label=PRs\u0026message=welcome\" alt=\"Pull Requests Welcome\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/license/juliolmuller/studying-react-native-crud?labelColor=000000\u0026color=8257e5\" alt=\"Project License\" /\u003e\n\u003c/p\u003e\n\n![Application snapshot](./src/images/app-overview.jpg)\n\nApplication developed as an assignment to college, subject Development for Mobile Devices, at UFPR, in order to learn building **React Native** applications. The project seeks to apply knowledge in functional components, screens navigation, Context API and reducers; This application is fully offline (no external data fetching).\n\nThe intent was to create a simple notes application with CRUD operations (create, read, update \u0026 delete) to explore the React API in mobile devices environment. We should have a screen to display a list of existing notes, feature to delete notes and features to see/edit new or existing notes in another screen. The state should be managed by **React Context API** and changes dispatched to a reducer.\n\n## :trophy: Lessons Learned\n\n- Build a swipeable component;\n- React Native Navigation (stack mode);\n- React Context API (including `useContext` hook);\n- `useReducer` hooks to dispatch actions;\n- Babel plugin `jsx-control-statements`!!! AWESOME 😍\n\n## :rocket: Technologies \u0026 Resources\n\n**Frontend:**\n- React Native\n- Expo Framework\n\n**Development:**\n- Visual Studio Code\n- NPM routines\n\n## :hammer: Setting up the Environment\n\nMake sure to have **Node.js 10+** installed in your machine and its **npm** available in the command line, then use the following routines:\n\n```bash\n$ npm install   # download all dependencies\n$ npm start     # run development server\n```\n\n## :zap: Features\n\n- [x] List all existing notes;\n- [x] Delete a note by swiping left/right;\n- [x] Create new note with title and body; and\n- [x] Editing existing note.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliolmuller%2Fstudying-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuliolmuller%2Fstudying-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliolmuller%2Fstudying-react-native/lists"}