TelePrompter App

A modern, feature-rich teleprompter application built with React that helps content creators, speakers, and presenters deliver speeches and content with ease.

Features

• User-friendly Interface: Simple and intuitive text input screen
• Smooth Scrolling: Adjustable scrolling speed for comfortable reading
• Text Formatting: Rich text support including bold, italic, and underline options
• Customizable Appearance: Change text color, font size, background color, and alignment
• Responsive Design: Works on desktop, tablet, and mobile devices
• Auto-scrolling: Hands-free scrolling with play/pause controls
• Mouse Wheel Support: Manual scrolling using the mouse wheel

Technologies Used

• React: Frontend library for building the user interface
• React Router: Navigation between the input and teleprompter screens
• Material UI: Component library for modern UI elements
• Tailwind CSS: Utility-first CSS framework for styling
• LocalStorage API: For persisting script content between pages

Getting Started

Prerequisites

• Node.js (v14.0 or later)
• npm (v6.0 or later)

Installation

1. Clone the repository:

   git clone https://github.com/NaviAndrei/teleprompter-app.git
   cd teleprompter-app
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm start
   

4. Open http://localhost:3000 to view it in your browser.

Usage

1. Enter Your Script: On the input page, paste or type your script text
2. Start Prompter: Click the "Start Prompter" button to go to the teleprompter view
3. Adjust Settings: Customize appearance, font size, and text alignment
4. Control Scrolling: Use the play/pause button or adjust the speed slider
5. Apply Formatting: Select text and use the formatting toolbar to style your content

Deployment

Build the application for production:

npm run build

The build artifacts will be stored in the build/ directory, ready to be deployed to any static hosting service like GitHub Pages, Netlify, or Vercel.

Future Enhancements

• Remote control via mobile device
• Import/export scripts from various formats (PDF, DOCX, TXT)
• Countdown timer and clock display
• Speech-to-text functionality
• Script auto-saving and versioning

Contact

Andrei Ivan - ivan.andrei@syncwithivan.com

Project Link: https://github.com/NaviAndrei/teleprompter-app