https://github.com/bkbooth/Elmstagram

A basic UI-clone of Instagram using Elm
https://github.com/bkbooth/Elmstagram

Last synced: 28 days ago
JSON representation

A basic UI-clone of Instagram using Elm

• Host: GitHub
• URL: https://github.com/bkbooth/Elmstagram
• Owner: bkbooth
• License: mit
• Created: 2016-11-07T03:47:30.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2021-05-25T01:33:18.000Z (over 3 years ago)
• Last Synced: 2024-08-03T11:01:38.387Z (4 months ago)
• Language: Elm
• Homepage: https://elmstagram.benbooth.dev/
• Size: 2.02 MB
• Stars: 18
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-BigData - Elmstagram - Basic UI Clone of Instagram / Articles - [Part 1](https://benkbooth.com/building-a-basic-ui-clone-of-instagram-using-elm-part-1/) [Part 2](https://benkbooth.com/post/building-a-basic-ui-clone-of-instagram-using-elm-part-2/) [Part 3](https://benkbooth.com/post/building-a-basic-ui-clone-of-instagram-using-elm-part-3/) (Examples)

README

        
# Elmstagram

A basic UI-clone of [Instagram][] using [Elm][].

Inspired by [Wes Bos'](https://twitter.com/wesbos) great [Redux course](https://learnredux.com/).

Related articles here:

- [Building a basic UI-clone of Instagram using Elm - Part 1](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-1/)

- [Part 2](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-2/)

- [Part 3](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-3/)

Preview available here: [elmstagram.benbooth.dev](https://elmstagram.benbooth.dev)

A big shout out to my friend Sam Gates for letting me use data from his [@samgatesphotography](https://www.instagram.com/samgatesphotography/) account for this example app and articles.

## Build & Run

```console

git clone https://github.com/bkbooth/Elmstagram.git

cd Elmstagram

npm install

npm start

```

I was originally trying to avoid [Node.js][], `npm` and `package.json` by using a `Makefile` and `make` scripts but I'm installing [Elm][] with `npm` anyway so I ended up going full [Node.js][] and `npm` scripts.

You can use `npm run build` to build everything into the `dist` directory.

Alternatively you can use [Yarn][] instead of `npm`.

[instagram]: https://www.instagram.com/ 'Instagram'

[elm]: https://elm-lang.org/ 'Elm'

[node.js]: https://nodejs.org/ 'Node.js'

[yarn]: https://yarnpkg.com/ 'Yarn'