Giter VIP home page Giter VIP logo

betson-app's Introduction

BetsonApp

Angular application search page that uses The Open Movie Database api.

You can see the demo here

About the project

This project was generated with Angular CLI version 8.3.23. The application uses The Open Movie Database api to create a search page for movies search.

Design

Design is minimalistic and made keeping in mind different devices with different screen sizes. So it would be less changes in different screens and less time developing UI elements.

Brand colors

Colors were generated from Coolors color picker for web safe colors.

Development

Development is done in component based development way. Angular is component based MVC framework. In this project I developed 2 components for search page and detail page. Also generated services component for http calls. I used Rxjs for obseervables, also used SCSS for styles and for creating mixins and variables.

Future fixes

This is a prototype so there are some things missing because of time limitations or because it didnt make sense to implement right now, things that can be added in the future. Some of the things are: There could be and indication for when the content is loading, there could be history with latest searches saved into the browser cache.

How to install

Clone or download the repository. Navigate to the folder locally and run npm i to install the node modules. Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

betson-app's People

Contributors

dependabot[bot] avatar

Watchers

James Cloos avatar Aigar Sild 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.