Above the Line

Scripts and Screenplays: As Fast as You Can Think

Links

• Live App | here
• Backend | here
• API and Documentation | here

Project Objective

Most script-formatting software is expensive and utilizes conventional approaches to document editing. Based on the html approach to markup, this project seeks to bridge the gap between scriptwriters and the process of writing code. In short, a simple language for formatting scripts and screenplays.

UI

The ATL Editor

Basic Usage

Personalization

Quick Start

Part 1

Script Editor Tutorial

1. Click the 'Hello Screenplay' script
2. Then click the 'edit'/pencil icon
3. Play around with the tutorial!

Part 2

Create A New Script/Screenplay

1. Navigate to the 'Projects Page'
2. Use the navigation menu or 'A' icon
3. Click the '+', and enter in basic script info.
4. Your new script will be in your feed

Part 3

Find Your New Script

1. If you don't see your script, it might be on another page.
2. Use the arrows to navigate, or type a keyword the search box
3. You can sort by size, age, and alphabetically

Technology Used (For Client)

Main

1. React, react-router-dom, fontawesome repo, axios, react context, jwt-decode
2. Typeface Courier Prime, react-pdf/renderer (For Script Output)
3. React-resizeable (For Editor)
4. Jest/Enzyme (Testing)

Utilities

1. moment, date-fns