Skip to content

GhariebML/English_Pre

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TED-Style Presentation: Overthinking

A modern, TED-style PowerPoint presentation about Overthinking, built entirely with PptxGenJS — a JavaScript library for creating PowerPoint presentations programmatically.

Presenter: Mohamed Abd Elsalam Mohamed Gharieb


Overview

This project demonstrates how to create professional, visually appealing presentations using JavaScript instead of manual PowerPoint editing. The presentation explores the topic of overthinking, covering its definition, the psychological cycle, real-world effects, and actionable strategies to manage it.


Live Demo

View the rehearsal page: English_Pre Live


Requirements

  • Node.js v16 or higher
  • npm (comes with Node.js)

Installation

cd English_Pre
npm install

Note: sharp may take a moment to compile native bindings — this is normal.


Usage

To generate the PowerPoint presentation:

node generate.js

The output file will be saved as Overthinking_Presentation_Mohamed_Gharieb.pptx.

For the Climate Change version:

node generate_climate.js

To generate quest questions from the presentation:

node quest.js

Project Structure

File Description
generate.js Main presentation generator (Overthinking)
generate_climate.js Climate Change presentation generator
quest.js Generates quest/quiz questions
helpers.js Helper utility functions
helpers_climate.js Climate-specific helper functions
index.html Landing page with auto-redirect
Rehearsal_Script.html Interactive rehearsal page
Presentation_Script.md Full presentation script
Rehearsal_Script.md Practice/rehearsal script
pptxgenjs.md PptxGenJS documentation reference

Presentation Slides

The main presentation consists of 14 slides:

  1. Title Slide - "The Trap of Overthinking"
  2. Introduction - What is Overthinking?
  3. Definition - Detailed explanation of overthinking
  4. The Overthinking Cycle - How the cycle begins and perpetuates
  5. Why Do We Overthink? - Psychological triggers
  6. The Effects - Mental, physical, and social impacts
  7. The Physical Toll - Stress and bodily symptoms
  8. Mental & Social Effects - Anxiety, sleep issues, relationships
  9. A Powerful Quote - Inspirational insight
  10. 5-Minute Rule - Practical technique
  11. From "What If?" to "What Can I Do?" - Mindset shift
  12. The 5-4-3-2-1 Rule - Grounding technique
  13. Other Strategies - Additional coping methods
  14. Conclusion - Closing message & Q&A

Design Theme

  • Colors: Dark Navy #1A1F3C, Soft Purple #7C3AED, Accent #A78BFA, White #FFFFFF
  • Font: Calibri / Arial
  • Layout: 16:9 (10" x 5.625")

Technologies Used

  • JavaScript - ECMAScript modules
  • PptxGenJS - For generating .pptx files
  • Node.js - Runtime environment

GitHub Pages

This repository is deployed via GitHub Pages.


License

This project is open source and available for educational purposes.


Contact

Mohamed Gharieb - GhariebML on GitHub

About

TED-style presentation about Overthinking built with PptxGenJS — by Mohamed Gharieb

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors