https://github.com/elwayman02/ember-photo-gallery

Example of a photo gallery built with CSS Grid and Ember.js Modifiers
https://github.com/elwayman02/ember-photo-gallery

css-grid ember emberjs modifiers

Last synced: 2 months ago
JSON representation

Example of a photo gallery built with CSS Grid and Ember.js Modifiers

• Host: GitHub
• URL: https://github.com/elwayman02/ember-photo-gallery
• Owner: elwayman02
• Created: 2020-08-05T07:19:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-08-02T13:35:08.000Z (over 3 years ago)
• Last Synced: 2024-10-18T23:27:07.468Z (2 months ago)
• Topics: css-grid, ember, emberjs, modifiers
• Language: JavaScript
• Homepage: https://ember-photo-gallery.jhawk.co/
• Size: 10 MB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ember-photo-gallery

This application is a demonstration of how to build a photo gallery using CSS Grid and Ember Modifiers. 

It is powered by the [Unsplash API](https://unsplash.com/documentation).

Design based on this [Twiddle](https://ember-twiddle.com/222e1d96ed2135aa8f101aae39a0f8a2?isSidebarOpen=false&openFiles=templates.components.masonry-demo%5C.hbs%2C)

We adhere to the [Ember Community Guidelines](https://emberjs.com/guidelines/) for our Code of Conduct.

## Prerequisites

You will need the following things properly installed on your computer.

* [Git](https://git-scm.com/)

* [Node.js](https://nodejs.org/)

* [Yarn](https://yarnpkg.com/)

* [Ember CLI](https://ember-cli.com/)

* [Google Chrome](https://google.com/chrome/)

## Installation

* `git clone ` this repository

* `cd ember-photo-gallery`

* `yarn install`

## Running / Development

* `ember serve`

* Visit your app at [http://localhost:4200](http://localhost:4200).

* Visit your tests at [http://localhost:4200/tests](http://localhost:4200/tests).

### Code Generators

Make use of the many generators for code, try `ember help generate` for more details

### Running Tests

* `ember test`

* `ember test --server`

### Linting

* `yarn lint:hbs`

* `yarn lint:js`

* `yarn lint:js --fix`

### Building

* `ember build` (development)

* `ember build --environment production` (production)

### Deploying

Specify what it takes to deploy your app.

## Further Reading / Useful Links

* [ember.js](https://emberjs.com/)

* [ember-cli](https://ember-cli.com/)

* Development Browser Extensions

  * [ember inspector for chrome](https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi)

  * [ember inspector for firefox](https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/)