REACT-NATIVE NEWS APP

-

REACT-NATIVE NEWS APP

 Objective

In this digital world, no one has time for reading newspaper. How can one be updated about current affairs and what happens in this world now? So here where this app comes into the picture. You can use this app to know latest news.


Brief overview

In this app user can make account to read news. You can read any category of news such as sports, health, live, city, etc. You can read whole article by click on it. You can share any article you like by simple clicking on share button. You can share via any platform like WhatsApp, Facebook, Email, etc.


App Module

By starting this app, user get on-boarding UI which is very easy-to-use and attractive panel and is being asked whether one wants to login or direct go to main page by clicking ‘skip’ button.

In main page user finds various section where one finds appropriate news. If user wants to read it in length one can open it by click on the tab of that news where one is being redirected to the site of that article.


Boarding-Pages


                            

After on-boarding UI user gets Login Page through which user can login. User has to input email which one has inserted while making an account and also input the password to login.

In case user has signed up by Google account one can login via ‘Sign in with Google’.

If user forgot the password user can click on ‘Forgot Password?’ and get the reset link for the password by which one can reset the password.


If  user is new to our app and not registered in our app, user can go to register page by clicking ‘Don’t have an account? Create here’ button shown in the below of the screen and register oneself by simply fill out the information and click to signup button.

In case user wants to sign-up by Google account one can simply click on ‘Sign up with Google’ and user will be automatically registered with Google account.

When user complete sign-in or sign-up process, user will be redirected to the main page of the app.

In the main page user will find various section by which user gets particular news like in General user will get all the news about what’s going on around the country, in TechCrunch user will get all the news about what’s going on in the technical world, in Business user will get news related business world and so on.




If user wants to read in depth one can just simply click on that card and will be redirected to the particular website where that news belongs in the app.

If user wants to share that news with anyone, one can see little ‘share’ button on top of the right side through which one can do that and can also share via various ways like WhatsApp, Facebook, E-mail, etc.

User can find ‘close’ button in the top of the left side by clicking it the tab will be closed and user will be redirected to the main page of the app.


In the main page user finds little drawer button on top of the left side. By clicking it the drawer will be appeared and user can see the details of the account and the credentials. User can contact us by clicking ‘Visit Us’ and can rate us and write the feedback on Play Store or App Store.



Features

  • On-boarding UI
  • Google Firebase
  • Firebase Authentication
  • Database
  • API fetching
  • Native base
  • React-native web view
  • Android & iOS app
  • News-sharing
Important URL

https://github.com/VIVEK172001/RNNews-App     [GitHub]

https://drive.google.com/file/d/1YpFHxfH1D8Qvkx7z8K5Suiq0_e2Dmbfv/view?usp=sharing     [Video] 

 

Conclusion

This app is very useful and very easy to use. User can read news anywhere and can access anytime.






































Comments

Post a Comment