{"id":20743003,"url":"https://github.com/pandh4cker/newser","last_synced_at":"2026-04-15T14:03:31.937Z","repository":{"id":107313518,"uuid":"298274174","full_name":"PandH4cker/Newser","owner":"PandH4cker","description":"Cross-Platform Mobile Application using React-Native about Top Headlines of the News","archived":false,"fork":false,"pushed_at":"2020-12-30T17:56:03.000Z","size":1514,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-18T02:22:03.402Z","etag":null,"topics":["babel","components","cross-platform","expo","lodash","lottie","mobile-app","navigator","news","newsapi","react-native","redux","services","top-headlines"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PandH4cker.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2020-09-24T12:37:27.000Z","updated_at":"2023-12-05T06:56:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"2b4e1385-e896-4dd2-acb2-6f17c34568b1","html_url":"https://github.com/PandH4cker/Newser","commit_stats":null,"previous_names":["pandh4cker/newser"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PandH4cker%2FNewser","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PandH4cker%2FNewser/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PandH4cker%2FNewser/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PandH4cker%2FNewser/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PandH4cker","download_url":"https://codeload.github.com/PandH4cker/Newser/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243034572,"owners_count":20225374,"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":["babel","components","cross-platform","expo","lodash","lottie","mobile-app","navigator","news","newsapi","react-native","redux","services","top-headlines"],"created_at":"2024-11-17T07:08:45.510Z","updated_at":"2026-04-15T14:03:31.855Z","avatar_url":"https://github.com/PandH4cker.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Newser \n\n## Author\n[Raphael Dray](https://www.linkedin.com/in/raphaeldray/)\n\n## Introduction\n\nThe Newser mobile application was built to allow newsers (Newser's users) to connect through an application and quickly look at the top daily news through a bumped native browser.\nThe application is cross-platform thanks to Expo/React-Native development, thus it's available on IOS, Android and even Web.\n\nDeveloped using my own __RESTful API Node.js Server, [NewserServer](https://github.com/MrrRaph/NewserServer/)__.\n\n---\n\n## Installation\n\n__Running on your own phone through QR Code__.\n\nYou will need to have installed:\n- [NPM](https://www.npmjs.com/)\n- [Node.js](https://nodejs.org/fr/)\n- [Expo.js](https://docs.expo.io/get-started/installation/)\n\nBefore launching the application, please refer to the [README of the API Server](https://github.com/MrrRaph/NewserServer/blob/master/README.md) mentionned previously and be sure the API Server is started.\n\nRename the **.env.example** to **.env.development** file and fill in your API_KEY of NewsAPI and the IP:PORT of the Node API Server.\n\nThen following those requirements you will need to clone the repository and install dependencies:\n```bash\n$ git clone https://github.com/MrrRaph/Newser.git\n$ cd Newser\n$ npm install\n$ npm start\n```\n\nThe application will launch with expo and a web browser will open with a console view and a QR code (same will happen in your terminal).\n\nYou will just need to scan the QR Code (ensure that you are on the same network than your computer).\n\n\u003cp align=\"center\" width=\"100%\"\u003e\n    \u003cimg align=\"center\" width=\"300\" height=\"300\" src=\"./readmeImages/QR_Code.png\"/\u003e\n\u003c/p\u003e\n\n---\n\n## Features\n\nThe project includes the use of several technical features and methods;\n- [React-Native Async Storage]()\n- [React-Native Navigation]()\n- [Expo]()\n- [Fetchival]()\n- [Lodash (_)]()\n- [Lottie]()\n- [NewsAPI]()\n- [React-Native DropDown Picker]()\n- [React-Native Elements]()\n- [React-Native Keyboard Aware ScrollView]()\n- [React-Native Swiper]()\n- [React-Native Vector Icons]()\n- [Redux]()\n- [Babel.js]()\n\n---\n\n## Implementations\n\nSeveral features have been implemented in this application.\n\n__Components__\n- CivilityDropDown\n- Inputs\n- Submit\n\n__Screens__\n- Home\n- Login\n- Register\n- Splash\n\n__Services__\n- API\n- Persist\n- RouteHistory\n- Session\n\n__Navigator__\n- Stack Navigator\n\n---\n\n## How the mobile app works ?\n\n### Login Screen\n\nWhen launching the application, the login screen is displayed right after the Splash Screen on loading of the fonts used in the application.\nYou can connect and access to your daily news.\nIf you do not have account, you can register and create an account.\n\n\u003cp align=\"center\" width=\"100%\"\u003e\n    \u003cimg align=\"center\" width=\"252\" height=\"506\" src=\"./readmeImages/LoginScreen.jpeg\"/\u003e\n\u003c/p\u003e\n\n---\n\n### Register Screen\n\nThere is the register screen, you could create your account in.\n\n\u003cp align=\"center\" width=\"100%\"\u003e\n    \u003cimg align=\"center\" width=\"252\" height=\"506\" src=\"./readmeImages/RegisterScreen.jpeg\"/\u003e\n\u003c/p\u003e\n\n---\n\n### Home Screen\n\nNow, we can access the home screen of the application.\n\nWe can see the top headlines navigating through a swiper and looking further by tapping on a news which suggest our interest.\n\n\u003cp align=\"center\" width=\"100%\"\u003e\n    \u003cimg align=\"center\" width=\"252\" height=\"506\" src=\"./readmeImages/HomeScreen.jpeg\"/\u003e\n\u003c/p\u003e\n\nBy tapping on a news a native web browser bump over the application.\n\n\u003cp align=\"center\" width=\"100%\"\u003e\n    \u003cimg align=\"center\" width=\"252\" height=\"506\" src=\"./readmeImages/Tapping.jpeg\"/\u003e\n\u003c/p\u003e\n\n---\n\n## Improvements\n\nWe could improve the API Server by adding /post/ route to improve the mobile app. Thus, we could react to a news inside the application\n\nWe could improve the design and add new functionnalites since the architecture is quite maintenable.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpandh4cker%2Fnewser","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpandh4cker%2Fnewser","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpandh4cker%2Fnewser/lists"}