supr3me-code/supr3menews

🚀 A cross-platform News app that compiles top articles from various news sources (using NewsApi.org), sorts them by their categories, and finally displays them on a single stage.

Supr3me News

PlayStore link

A cross-platform News app that compiles top articles from various news sources (using NewsApi.org), sorts them by their categories and finally displays them on a single stage.

• Built With
• Packages used
• Features
• Screenshots
• Contributing
  • Creating A Pull Request
• Authors

Built With

Packages used

• webview_flutter: ^2.0.4
• cached_network_image: ^3.0.0
• http: ^0.13.1

Features

• Interactive UI
• News Updates
• News Categories to choose from
• Quality news content
• Dark Mode

Screenshots

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

• If you have suggestions for adding or removing projects, feel free to open an issue to discuss it.
• Please make sure to open an issue and discuss it before directly opening a pull request !
• Please make sure you check your spelling and grammar.

Creating A Pull Request

1. Star this repository
2. Fork the repository
3. Clone the repository to your local machine
4. Make your desired changes to make the app better
5. Commit your changes
6. Push the changes to your remote branch
7. Raise a pull request with a description and visual screenshots of the changes
8. Wait for a while and your PR will be reviewed and hopefully get merged :)

supr3menews's Issues

Better the UI of the drawer on the homepage.

@Supr3me-code I want to add some features to the UI of the drawer on the homepage like some gradient and detailings.
After the changes, it would look like this.

Let me know if you have any suggestions.
Thanks!

Search bar

Implementing a search bar that fetches articles across categories based on the keywords present in their title.

p.s. If you are interested in working on this issue then you can post a claim request(a simple comment) and the issue will be assigned to you. Do not work on any issue that is not assigned to you

Improve the UI of the search bar.

1. Add the same color scheme as maintained in the app to the search bar.
2. Add auto-capitalization in Textfield.
3. Exclude the search button as it is unnecessarily taking up space.

Please assign this issue to me.

Post the changes the search bar would look like this.

Change the fonts and add minute details to article tiles and category tiles.

Hi @Supr3me-code ,
I want to change the fonts of the Title, heading of articles, and the body of articles as well as add minute detailings like a line to separate the article headline from the body for better readability.

After the changes, it would look like this


.

Responsive Article Tile

assigned to - @Simran1604

Onboarding Screens UI/UX

The UI of the onboarding screens has been created but it lacks essential components.

Elements to be added:

1. Appropriate doodles (according to the screen title) that go with the color scheme of the application.
   Can take inspiration from onboarding screen illustrations
2. UX flow and embedding its logic within the corresponding buttons

You can also suggest any modification to the existing UI elements or information content (screen title and description) or the addition of extra screens that could provide more information about the app to the user.

Figma file link: Onboarding Screen UI/UX

Please use Relative Builder while providing attributes (font size) to various elements. This practice ensures that the elements don't break on devices with different dimensions.

Primary color used: #FF3200

p.s. No need to link the last screen with the main project
p.p.s. Please add screenshots of the final screens in your PR

Null safety support

I would like to add null safety to this project along with some UI improvements, are those features welcome?

UI

Want to contribute for background colour and UI

README.md refactoring

The README.md file is quite plain and boring right now.

If you are experienced with .md files and familiar with the latest readme file practices then feel free to work on making the current version easier to read , understand, and more informative and attractive.

Issue at Production

Hey guys,

The app has been published on PlayStore.... yay? no :/

The app after being installed, fails to fetch any data from the API as well as the image files for the categories section.
I would really appreciate it if you could look into the matter and suggest any solution to solve this anomaly.

You can find and install the app from PlayStore by searching "supr3me_news".