Hey there! 👋 Welcome to your very own file management system. This is a simple, beautiful web app that helps you create, organize, and manage your text files without any fuss.
Think of this as your digital notebook that lives in your browser. You can:
- Create new files - Write down your thoughts, notes, or anything you want to remember
- Read your files - View everything you've written in a clean, easy-to-read format
- Rename files - Change file names whenever you want to better organize your stuff
- See all your files - Browse through everything you've created in a nice card layout
Getting this up and running is super easy:
- Download the files (or clone if you're into that)
- Install the dependencies by running:
npm install
- Start the app with:
npm run dev
- Open your browser and go to
http://localhost:3000
That's it! You're ready to start organizing your digital life.
- Modern gradient backgrounds that are easy on the eyes
- Smooth animations that make using the app feel natural
- Responsive design that works perfectly on your phone, tablet, or computer
- Smart forms that validate your input and give helpful feedback
- Auto-hiding messages that don't clutter your screen
- Intuitive navigation that makes sense right away
- File previews so you can see what's in each file at a glance
- Error handling that catches problems before they become headaches
- File validation that prevents duplicate names and empty files
- Secure file operations that keep your data safe
Just fill out the form on the main page:
- Give your file a name (like "my-notes" or "todo-list")
- Write whatever content you want
- Click save and you're done!
- Click the "Read Full" button on any file card
- See your complete content in a dedicated reading view
- Navigate back easily or jump to rename the file
- Click "Rename" on any file
- Enter the new name you want
- The app checks for duplicates and handles everything automatically
- Node.js - The engine that powers everything
- Express.js - Makes building web apps simple and fun
- EJS - Templates that make your HTML dynamic
- Modern CSS - Beautiful styling with gradients and animations
- Vanilla JavaScript - Clean, fast client-side interactions
- Students - Organize your study notes and assignments
- Writers - Keep your ideas and drafts organized
- Developers - Store code snippets and technical notes
- Anyone - Who wants a simple way to organize their thoughts
Want to make it your own? Here are some easy ways to customize:
- Change colors - Modify the CSS gradients in the view files
- Add features - The code is clean and well-structured for easy additions
- Change the port - Modify the PORT variable in index.js
- Add file types - Extend the file filtering to support other formats
Found a bug? Have an idea for a feature? Want to make it better?
Feel free to:
- Report issues
- Suggest improvements
- Submit pull requests
- Share your customizations
Pro tip: The app automatically creates a files/ folder when you first run it, so don't worry about setting up directories manually.
Happy file organizing! 📝✨