All Projects → kottans → framework-2021

kottans / framework-2021

Licence: other
A custom framework empowered Weather App

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to framework-2021

TheWeatherDashboardApp
A small and stylish weather dashboard.
Stars: ✭ 29 (+7.41%)
Mutual labels:  weather-app
git-course
A basic git and Linux bash CLI training
Stars: ✭ 33 (+22.22%)
Mutual labels:  kottans
AndroidWeatherApp
Android WeatherApp, using the http://openweathermap.org/ API. Made for Network + JSON Parsing and Material Design Experiments.
Stars: ✭ 17 (-37.04%)
Mutual labels:  weather-app
Wttr.in
⛅ The right way to check the weather
Stars: ✭ 16,345 (+60437.04%)
Mutual labels:  weather-app
weather app flutter
This is a sample Flutter Weather Forecast App for Android and iOS. Without using any state management packages.
Stars: ✭ 30 (+11.11%)
Mutual labels:  weather-app
Weather
Weather Android App using apixu API https://www.apixu.com
Stars: ✭ 48 (+77.78%)
Mutual labels:  weather-app
weather-app-android-mvvm
Simple MVVM practice repository for very very beginners. You don't need to know about Dagger, Coroutine or Rx for understanding MVVM and this project. To check the MVVM Architecture Bengali Tutorial visit my blog site
Stars: ✭ 32 (+18.52%)
Mutual labels:  weather-app
weather-app-2020-android
Android Weather App 2020
Stars: ✭ 15 (-44.44%)
Mutual labels:  weather-app
Real-World-Weather
Unity project that displays the current weather in your location in real-time using the Dark Sky API
Stars: ✭ 39 (+44.44%)
Mutual labels:  weather-app
react-weather-app
An attempt to make an ultimate weather app. In ReactJS, with React hooks and context.
Stars: ✭ 39 (+44.44%)
Mutual labels:  weather-app
stalin-sort
A repressive sorting algorithm (not really sorting)
Stars: ✭ 13 (-51.85%)
Mutual labels:  kottans
react-weather-app
A simple weather search app using React.
Stars: ✭ 28 (+3.7%)
Mutual labels:  weather-app
SkyMate
⚡ Weather app that fetches real time weather data of any location
Stars: ✭ 18 (-33.33%)
Mutual labels:  weather-app
weather-bar-app
Weather Bar lives in your Menu Bar giving you access to beautiful real-time weather conditions and a generous 15-day forecast.
Stars: ✭ 38 (+40.74%)
Mutual labels:  weather-app
climate-app
Climate App é uma aplicação responsável por mostrar dados climáticos (temperatura atual, umidade, velocidade do vento etc) de uma determinada cidade em tempo real. A obtenção desses dados foi feita através da open-weather-api.
Stars: ✭ 40 (+48.15%)
Mutual labels:  weather-app
Weather-Man
weather app with darksky api in flutter
Stars: ✭ 29 (+7.41%)
Mutual labels:  weather-app
Halo
Halo is a Weather App for Linux Desktops.
Stars: ✭ 21 (-22.22%)
Mutual labels:  weather-app
WeatherRadar
An Android application featuring customizable, real-time doppler radar images
Stars: ✭ 35 (+29.63%)
Mutual labels:  weather-app
vue.pwa.weather.app
Simple Progressive Web Apps (PWA) showing hourly and daily weather forecast data.
Stars: ✭ 24 (-11.11%)
Mutual labels:  weather-app
WeatherApp MVI sample
🌸[Functional reactive programming (FRP)] 🍁Simple Android weather forecast application written in Kotlin, using RxKotlin, Retrofit2, Mosby, Room Persistence ❄️MVI Pattern with Mosby Library
Stars: ✭ 106 (+292.59%)
Mutual labels:  weather-app

Framework

A gradual FE JS framework development.

End game

Have a web app as a practical implementation of an application backed with a basic FE framework.

Framework features:

  • components with props
  • html-like syntax
  • app state management
  • event handling
  • async network requests

Out of scope:

  • reconciliation
  • app state persistency between sessions
  • everything else :)

Development

Make sure you have Node.js installed on your machine.

npm install to install dependencies. Ignore npm audit warnings. If any changes appear on package-lock.json just commit those.

npm start to launch dev server, app would be served at http://localhost:1234/

npm run lint to lint and prettify your code

The project implements a pre-commit hook that launches staged files linting. If your IDE reports a commit failure then run npm run lint and/or npm run lint:staged and fix reported issues. Note that .eslintrc.js allows console.error and console.warn.

npm run build to build production distribution package

npm run deploy to publish built app

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].