A Professional Code Editing Solution: From Simple File Manager To Advanced IDE-Style Editor, Dark Mode Support, Sidebar Navigation, And Real-Time Syntax Highlighting.
About • Tech Stack • Gallery • Evolution • How To Run • Warnings
This Repository Represents The Sixth Major Milestone In My Front-End Diploma (Programming Fundamentals Track).
It's More Than Just An Editor, It's A Documentation Of My Journey In GUI Development & File Management Systems - The Project Chronicles The Evolution From Simple Text File Operations Using Basic Tkinter Widgets To A Sophisticated Code Editor Powered By Object-Oriented Design Patterns With IDE-Like Features.
The Final Version Is An Intelligent Development Tool That Provides File Explorer Integration, Features A Modern Dark/Light Theme Toggle, Implements Keyboard Shortcuts For Power Users, Supports Multi-File Management, And Includes Smart Features Like Line/Column Tracking, Collapsible Sidebar, And Professional Menu System For Enhanced Productivity.
• Python (3.10+): The Core Language Driving All Application Logic, File Operations, And UI Management Systems.
• Tkinter GUI Framework: Powers The Complete Visual Interface With Custom Widgets, Menu Systems, And Responsive Layout Design.
• Object-Oriented Programming: Utilizes Class-Based Architecture With Methods For File Handling, Theme Management, And Event Processing.
• OS Module: Handles File System Operations Including Directory Listing, File Creation, Deletion, And Path Management.
• File I/O Operations: Manages Reading And Writing Text Files With UTF-8 Encoding Support For Multi-Language Content.
• Event-Driven Programming: Implements Keyboard Shortcuts And Mouse Events For Seamless User Interaction And Navigation.
• Miro: Used For Planning And Designing The Application Architecture, UI Layout, And Feature Flow Before Development.
| Basic Version | Advanced Version |
|---|---|
Planning (Logic)
|
Planning (Logic)
|
Execution (Main Result)
|
Execution (Main Result)
|
UI Design
|
UI Design
|
Watch The Application In Action: File Management, Theme Switching, And Real-Time Editing Features.
Click To Watch Video ▷
| Feature | Basic Version | Advanced Version (IDE-Style) |
|---|---|---|
| Interface Design | Simple Side Buttons | Full IDE Layout (Sidebar + Toolbar) |
| Theme Support | Light Mode Only | Dark/Light Toggle (Live Switching) |
| File Management | Open/Save Only | Create/Delete/Browse + Explorer |
| Navigation | Manual File Selection | Directory Listing & Quick Access |
| Code Structure | Procedural Programming | Object-Oriented (Class-Based) |
| Keyboard Shortcuts | Not Available | Ctrl+N/O/S/D Support |
| Status Bar | No Status Info | Live Line/Column Tracking |
• Professional IDE Layout: Features A Complete Development Environment With Collapsible Sidebar, Top Toolbar, And Main Editing Area For Maximum Productivity.
• Dark/Light Theme Toggle: Switch Between Dark Mode (#282c34) And Light Mode (White) Instantly With Smart Color Management System.
• File Explorer Integration: Browse And Open Files From Any Directory With Listbox Navigation And Double-Click To Open Functionality.
• Advanced File Operations: Create New Files, Delete Existing Ones, Save As Any Format, And Manage Your Entire Project From Within The Editor.
• Keyboard Shortcuts: Speed Up Your Workflow With Ctrl+N (New), Ctrl+O (Open), Ctrl+S (Save), And Ctrl+D (Delete).
• Real-Time Status Tracking: Monitor Your Cursor Position With Live Line And Column Numbers Displayed In The Bottom Status Bar.
• Smart UI Elements: Includes Menu Bar, Toolbar Buttons, Scrollbar, And Professional Font Rendering With Consolas 13pt For Code Readability.
• Undo/Redo Support: Built-In Text Widget Features Allow You To Revert Changes And Maintain Editing History Throughout Your Session.
git clone https://github.com/hexbido/Text-Editor-App.git
cd Text-Editor-Appcd Basic-Version
python Text_Editor.pycd Advanced-Version
python Text_Editor_AI.py
• Opening Files: Click File → Open Or Press Ctrl+O To Browse And Select Any Text File From Your System.
• Creating New Files: Press Ctrl+N Or Use The Menu To Create A New Untitled File In The Current Directory.
• Saving Your Work: Click File → Save Or Press Ctrl+S To Save Changes To Your Current File Or Save As A New File.
• Switching Themes: Go To View → Toggle Theme 🌗 To Switch Between Dark And Light Modes Instantly.
• Using The Sidebar: Click OPEN FOLDER To Load A Directory, Then Double-Click Any File In The Explorer To Open It.
• Deleting Files: Select A File From The Sidebar And Press Ctrl+D To Delete It (Confirmation Required).
• Collapsing Sidebar: Click The ☰ Button Or Use View → Toggle Sidebar To Show/Hide The File Explorer.
Please Review The Following Notes To Ensure Smooth Operation And Avoid Common Issues:
• Tkinter Installation: Tkinter Comes Pre-Installed With Python On Most Systems. On Linux, Install With: sudo apt-get install python3-tk
• File Permissions: Ensure You Have Read/Write Permissions In The Directory Where You're Working - The App Needs Access To Create And Delete Files.
• File Encoding: The Editor Uses UTF-8 Encoding By Default - Files With Different Encodings May Display Incorrectly Or Cause Read Errors.
• Large Files Warning: The Text Widget May Become Slow With Files Larger Than 10MB - Consider Using Specialized Tools For Very Large Files.
• Delete Confirmation: When Deleting Files With Ctrl+D, Always Confirm The Action - Deleted Files Cannot Be Recovered From The App.
• Unsaved Changes: The App Does Not Auto-Save Your Work - Remember To Manually Save Using Ctrl+S Before Closing Files.
• Directory Access: When Using OPEN FOLDER, Ensure The Selected Directory Contains Text Files - Empty Folders Will Show An Empty Explorer.
• Theme Persistence: Theme Preference Is Not Saved Between Sessions - The App Always Starts In Dark Mode By Default.
Made With 
By B I D O