Coder Social home page Coder Social logo

frontend-applications's Introduction

Angisa Tori

Discover the secrets behind the Surinamese headscarves.
This application will show you the meaning of a certain angisa.

logo

Concept

The angisa is a typical Surinamese garment. This headpiece is considered the most important part of Surinamese Creole costume and is much more than a beautiful functional headpiece. Certain folding techniques result in artistic main creations with corresponding names and messages. The angisa brings many stories, traditions and wisdoms with it. This headscarf functioned as a means of communication during colonial rule and contained hidden messages about the wearer. Wearing the angisa allowed the wearer to communicate non-verbally with her environment, for example about her state of mind, her love and social position. By drawing attention to the different types of Surinamese canvases, I want to connect the colonial past of the Netherlands with the visitors of The National Museum of World Cultures. By means of an interactive application I want to reveal the message behind different angisa canvases. Read more

concept

Live demo

You can find the live demo here

Target audience of application

The application is for anyone who is interested in the slavery history of Suriname.

Data usage & processing

Data used within the application comes from the NMVW. The NMVW makes the data available and will be used to read object information that is related to Surinamese headscarves.

Through SparQL queries (RDF-based data) searches will be requested. With this technique it is possible to request certain information from the collection of world cultures. Read more

Features

  • Filter based on category
  • Object caroussel

Code snippets

Personal progression

  • Setup a framework
  • Understanding routes
  • Understanding components
  • Storing data in localstorage
  • Using fetch to call API GET request
  • Reading documentation of a framework
  • Searching the internet for answers

Have yet to learn

  • Ember.js usage of the controller
  • Ember.js usage of the model
  • Ember.js usage of the adapter
  • Ember.js usage of serializers

Wiki

Read wiki For the whole process.

Prerequisites

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

Installation

  • npm install -g ember-cli to install Ember-CLI
  • git clone <repository-url> this repository
  • cd frontend-applications
  • npm install

Running / Development

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:hbs
  • npm run lint:js
  • npm run lint:js -- --fix

Building

  • ember build (development)
  • ember build --environment production (production)

Deploying

Further Reading / Useful Links

Acknowledgements/credits

  • Helping with data fetch in Ember Nick
  • Component linking to template in Ember Chazz & Nick

frontend-applications's People

Contributors

ccdejene avatar

Watchers

James Cloos avatar  avatar

frontend-applications's Issues

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.