Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thatgirldorian/ember-quickstart

A simple web application that I used to get started with Ember. Built using HTML, JavaScript, Tailwind CSS, and some of Ember's best features.
https://github.com/thatgirldorian/ember-quickstart

ember-cli emberjs tailwind-css

Last synced: 8 days ago
JSON representation

A simple web application that I used to get started with Ember. Built using HTML, JavaScript, Tailwind CSS, and some of Ember's best features.

Awesome Lists containing this project

README

        

# ember-quickstart

This is a simple web application that I used to get started with Ember. It's built using HTML, JavaScript, Tailwind CSS, and some of Ember's best features.

Issues faced & resolution:


I struggled with wiring up Tailwind CSS, but I finally figured this out and wrote a blog post here: https://codechunks.hashnode.dev/how-to-install-tailwind-css-in-a-new-ember-app-cl8cydnbz01ijvnnv1r5wfljl.

Technology used:

- Ember.js
- Tailwind CSS
- GitHub
- Netlify

Link to site:


https://chimerical-taiyaki-e73d5c.netlify.app/sff-authors

Screenshare:

This README outlines the details of collaborating on this Ember application.
A short introduction of this app could easily go here.

## Prerequisites

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

* [Git](https://git-scm.com/)
* [Node.js](https://nodejs.org/) (with npm)
* [Ember CLI](https://cli.emberjs.com/release/)
* [Google Chrome](https://google.com/chrome/)

## Installation

* `git clone ` this repository
* `cd ember-quickstart`
* `npm 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

* `npm run lint`
* `npm run lint: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://cli.emberjs.com/release/)
* 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/)