Giter Club home page Giter Club logo

movies-app-api's Introduction

Movies App API (Chameleon ๐ŸฆŽ)

This is an API for the Nativescript Movies App

This API lets you transform the app into anything you come up with (hence then name Chameleon ๐ŸฆŽ). The App is driven entirely by an external API for its contents and styling.

Want to see the App in a different style?

dynamic styles preview

Think about this like creating a skin or a theme. Get creative and add your own styles (maybe a neon one or grayscale, hmm ๐Ÿง).

Similar to how adding a content works, the app has an option to point to a custom url. You can fork this repo and point the app to your repo with the modified styles.

If you want your fancy new styles to show up in the list in the app, open a PR to this repo and add your styles in the styles directory and add your new css to the styles/styles.json.

[In Progress] Want to see the App with a different content?

Maybe you want to transform the app into an ecommerce app that sells furniture? or maybe a sporting goods app?

You can do all that by modifying the files in the data directory.

The app has an option to point to a custom url. You can fork this repo and point the app to your repo

If you want your content to show up in the list of contents in the app, open a PR to this repo and add your new content in the data/data.json.

How it works?

The app makes a GET request to the raw file on github to get the dynamic styles/data.

Styles

The app is configured to use utility classes for its styling (similar to TailWind) using CSS variables. This allows the app to be styled easily by modifying the CSS variables.

To use the CSS from the GET request, the app parses the CSS variables and updates the app's CSS file with the new variables from the API.

Some quirks about the URL

Since the app makes a GET request to github, we would need to use the raw url instead of the regular file url.

// this works
https://raw.githubusercontent.com/williamjuan027/movies-app-api/main/styles/default.css

// this wouldn't work
https://github.com/williamjuan027/movies-app-api/blob/main/styles/default.css

movies-app-api's People

Contributors

williamjuan027 avatar

Watchers

 avatar  avatar

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.