GithubHelp home page GithubHelp logo

bedirhanssaglam / newsapp Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 630 KB

A news app with Flutter

Kotlin 0.09% Swift 1.33% Objective-C 0.03% Dart 65.42% CMake 14.20% C++ 16.32% C 1.08% HTML 1.38% Shell 0.14%
dart flutter

newsapp's Introduction

The News App

An application that shows the daily developments in Turkey and the US.

Application Video & Screenshots

TheNews-Video.mp4

NEWS_APP

NOTE:

Before using the project, you must obtain an API Key from https://newsapi.org/. It's a pretty easy process. Then you must define this key in the AppConstants class in the project.

You can find the Postman file I created by looking at the API documentation under the postman folder in the project.

Libraries:

Initialize the Flutter project, add all the necessary dependencies mentioned above in the pubspec.yaml configuration file and run pub get.

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.5

  # Text
  auto_size_text: ^3.0.0
  google_fonts: ^3.0.1

  # Responsive
  sizer: ^2.0.15

  # Design
  kartal: ^2.7.0
  lottie: ^2.0.0

  # Image
  flutter_svg: ^1.1.6

  # Navigation
  go_router: ^5.2.4

  # Json Serializable
  json_serializable: ^6.5.4
  json_annotation: ^4.7.0

  # Network
  vexana: ^2.8.1
  url_launcher: ^6.1.6
  connectivity_plus: ^3.0.2

  # Equality
  equatable: ^2.0.5

  # State Management
  flutter_bloc: ^8.1.1
  provider: ^6.0.4

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.1
  
  # Code Generation
  build_runner: ^2.3.2

   # Application Icon
  flutter_launcher_icons: ^0.11.0

Getting Started

First of all, there are two main builds in our src folder. These are view and core structures.

  • core: This layer is the part that will manage or initiate the work that will do our main work.

base: This layer contains our main functions and service files.

components: This layer contains widgets that we can use on the pages, such as button, text, scaffold, which we can create here and customize with parameters where we want to use them.

constants: This layer consists of two structures, these structures are app and enums structures.

extensions: This layer and the project contain the basic structure, String and int.

init: This layer consists of 5 main structures. These structures are main_build , routes , network, theme and dependency_injector.

mixins: waitForScreen mixin is defined here and later used in NetworkChangeManager.

utils: Typedefs used in the app are filed here.

  • view: This layer contains our screens. We can create a folder for each screen and keep a viewModel or model file for this screen, if necessary, in this folder.

newsapp's People

Contributors

bedirhanssaglam avatar

Watchers

 avatar

Forkers

manishmg3994

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.