Giter Club home page Giter Club logo

supr3me-code / supr3menews Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 6.0 4.08 MB

๐Ÿš€ 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.

Home Page: https://play.google.com/store/apps/details?id=com.news_app.supr3me_news

Kotlin 0.52% Swift 1.79% Objective-C 0.17% Dart 91.53% Ruby 6.00%
flutter hacktoberfest newsapp

supr3menews's Introduction

Hi ๐Ÿ‘‹, I'm Dishant Arora

Front-End | Competitive Programming | DSA | App Dev

  • ๐ŸŒฑ Iโ€™m currently learning React native, NextJS, Typescript, GraphQL

  • ๐Ÿค Iโ€™m looking for help with LuggageDB

  • ๐Ÿ’ฌ Ask me about JavaScript, ReactJS, HTML/CSS, C++, Dart, MySQL

  • ๐Ÿ“ซ How to reach me [email protected]

Connect with me:

dishantarora16 dish_arora

Languages and Tools:

javascript html5 css3 react typescript nextjs cplusplus flutter dart mysql jest figma git firebase nodejs

Support:

supr3me




supr3menews's People

Contributors

cosmic15 avatar grbavacigla avatar simran1604 avatar supr3me-code avatar vedantkulkarni avatar westerandr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

supr3menews's Issues

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

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".

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.

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.

image1
image2

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

UI

Want to contribute for background colour and UI

Null safety support

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.