Course Structurer 🚀 instantly transforms YouTube video timestamps ⏱️ into a neatly structured project directory—perfect for organizing course content into code-ready folders 💻.
-
📝 User Input & Configuration
- Paste your course timestamps from YouTube.
- Customize the directory structure:
- 📁 Define section and topic folder naming conventions.
- 📄 Specify the number of files per topic (comma-separated).
-
👀 Preview & Export
- Review the generated folder hierarchy before downloading.
- 📦 Export the entire directory structure in your preferred format.
- 🌐 Modern web browser (Chrome, Firefox, Edge, Safari).
- 📶 Internet connection for live deployments (e.g., Vercel).
- 🔗 Navigate to the app.
- ⌨️ Paste your YouTube course timestamps into the input field.
- ⚙️ Customize:
- 📂 Section folder format (e.g.,
Section_{number}). - 📂 Topic folder format (e.g.,
Topic_{number}). - ✍️ Add comma-separated number of files per topic.
- 📂 Section folder format (e.g.,
- 🛠️ Click Parse & Generate to build the structure.
- 👁️ Preview the output.
- 📥 Download the complete directory as files or a ZIP.
Course-Structurer/
├── Section\_1/
│ ├── Topic\_1/
│ │ ├── file1.ext
│ │ └── file2.ext
│ └── Topic\_2/
│ ├── file1.ext
│ └── file2.ext
└── Section\_2/
├── Topic\_1/
│ ├── file1.ext
│ └── file2.ext
└── Topic\_2/
├── file1.ext
└── file2.ext
(📌 Actual names and extensions adapt based on your configuration.)
To self-host a local version:
git clone https://github.com/yourusername/course-structurer.git
cd course-structurer
npm install # or yarn install
npm run dev # or yarn devVisit http://localhost:3000 🌍 to use the app.
Deploy (e.g., via Vercel):
vercel deploy-
🎨 Frontend:
- React ⚛️ for UI components.
- State management (React Hooks/Context API).
- CSS framework or custom styling.
-
🚀 Build & Deployment:
- Next.js for SSR & routing.
- Hosted on Vercel ☁️.
-
🧩 Utilities:
- Form handling for parsing timestamps.
- Logic to generate folder/file structure.
- ZIP export with JSZip.
We welcome contributions ❤️!
- 🍴 Fork the repository.
- 🌱 Create a feature branch (
git checkout -b feature/xyz). - 💬 Commit changes with clear messages.
- 📬 Open a pull request.
Licensed under the MIT License 📄.
👨💻 Developed by Fleming John 💌 Questions or feedback? Reach out via GitHub Issues or email.
⭐ If you like this project, please give it a star on GitHub! ⭐
---
If you want, I can also **add badges and a screenshot section** so the README pops even more on GitHub. That would make it look like a premium open-source project.