#NewsPortalMY
Flutter version 3.7.0 Dart 2.19.0 SDK version 33
| Name | Matric | Role |
|---|---|---|
| Zawad Wasik Ahmed | 1912485 | Group Leader |
| Arief Iskandar Bin Shaffei | 2010047 | Soldier |
Our application is designed as a News app which fetches an API from newsapi(https://newsapi.org/), the users first need to sign in using their gmail account and then can easily browse through the news from the appilication.
The application allows the users to view news on four different categories, the news are only catered to Malaysians looking to view news on malaysia , therefore it is perfect for users who are interested in filtering out the news and only want to read news based within their nation.
The categories for the news type are as follows:
- General News
- Business
- Technology
- Sports
Our system contains the following features:
- Fetches news from an API.
- Sign up function using Gmail.
- Sign in using created account.
- Browse through four categories of News.
- News split into Breaking news & Top news.
- Profile drawer, displaying image and email.
| Zawad Wasik Ahmed | Arief Iskandar Bin Shaffei |
|---|---|
| 1. Setting up the Project | 1. Planning out the project and pages |
| 2. Homepage & Portal UI | 2. Splashscreen & Login page UI |
| 3. Coding Homepage.dart, Home.dart, General news files for the application | 3. Coding Technology and Business files for the application |
| 4. Working on the API | 4. Working on the API |
| 5. Creating Widgets: | 5. Creating Widgets |
| i) detailNews | i) splashscreen |
| ii) homepage | ii) drawer.dart |
| iii) News catergory layout | iii) SignIn/SignUp |
| iv) serice_Api | iv) service_Api |
| 6. Firebase setup | 6. Firebase Authentication |
[Widgets]
- Drawer
- Login
- Homepage
- Api
- Splashscreen
- Animation
[Dependencies]
- animated_splash_screen: ^1.1.0 - Dependency for animations
- cloud_firestore: ^3.1.0 - firebase cloud storage in console
- firebase_core: ^1.10.0 - core dependency for firebase
- firebase_storage: ^10.1.0 - storing user passwords and emails
- firebase_auth: ^4.2.5 - firebase authentication
- http: ^0.13.3 - used for API call
- shimmer: ^2.0.0 - Styling & Animation
- webview_flutter: ^2.0.13 - calling webview for moving to the Newpaper websites
- hexcolor: ^2.0.5 - Hexcolor codes
- page_transition: "^2.0.9" - visual delays in screen transition
Splashscreen
SignUp
SignIn
Drawer
Homepage
- https://medium.com/@anmol-gupta/authenticating-users-with-flutter-and-firebase-rest-api-bdc7530759ba
- https://docs.flutter.dev/development/ui/advanced/gestures
- https://firebase.google.com/docs/flutter/setup?platform=ios
- https://pub.dev/packages/firebase_core
- https://pub.dev/packages/firebase_auth
- https://newsapi.org/
- https://www.youtube.com/watch?v=TkuO8OLgvkk (Login & Logout • Firebase x Flutter Tutorial)
- https://www.youtube.com/watch?v=Mfa3u3naQew (Sign Up Users • Firebase x Flutter Tutorial)
- https://www.youtube.com/watch?v=Sp4_2zi0kZg (Reset Password • Firebase x Flutter Tutorial)
- https://www.youtube.com/watch?v=idJDAdn_jKk (Create & Store User Data • Firebase x Flutter Tutorial)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
