README.md

ASL Dictionary

A visual dictionary for American Sign Langauge.
Check out the live website.

Motivation

This full-stack web app is a useful reference for basic ASL words and phrases. Add new words to the app as you learn them. Much more effective than written notes.

Screenshots

Sample data from Lifeprint.com. Used for demo purposes only.

Features

This app features:

• Easy editing with built-in Content Management System
• Fast loading with Server-Side Rendering
• Beautiful styling with Material Design spec
• Autocomplete search function
• Compare resources on external sites via web scraping
• Video compression for low network usage
• Thumbnail generation for faster first paint

Tech/framework used

Built with

• Nuxt
• Vue.js
• Vuetify
• Jest
• Django
• Django REST Framework
• FFMPEG

Installation

See READMEs of individual projects for installation instructions.

How to use?

To view the dictionary, navigate to the frontend at 'localhost:3000'.
To edit the dictionary, navigate to the backend at 'localhost:8000/admin'.

API Reference

[
    {
        "id": 6,
        "label": "Enthusiastic",
        "description": "To do the concept \"enthusiastic\" (or \"enthusiasm\"), rub your hands together in enthusiastic anticipation",
        "images": [
            {
                "id": 4,
                "alt_text": "ENTHUSIASTIC",
                "caption": "Enthusiastic",
                "image_file": "[path to file]"
            }
        ],
        "videos": [],
        "see_also": []
    },
]

Tests

Frontend:

yarn run test

Backend:

python manage.py test