Skip to content

Notepad-JS is a professional, responsive, and feature-rich web-based note editor built with HTML5, CSS3, and JavaScript. It allows users to create, edit, load, and save notes locally without requiring external APIs. This app includes full file management (New, Open, Save, Save As) and a style customization toolbar for adjusting font, size, color ..

License

Notifications You must be signed in to change notification settings

migueleuro/Notepad-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notepad-JS 📝

Notepad-JS

Welcome to the Notepad-JS repository! Notepad-JS is a professional, responsive, and feature-rich web-based note editor. Built with HTML5, CSS3, and JavaScript, this application allows users to create, edit, load, and save notes locally without the need for external APIs.

Table of Contents

Features

  • Create, Edit, Load, and Save Notes: Users can easily manage their notes without relying on cloud storage.
  • File Management: Full support for creating new notes, opening existing notes, saving current notes, and saving notes under a new name.
  • Style Customization: A toolbar allows users to adjust font styles, sizes, and colors to suit their preferences.
  • Responsive Design: Works seamlessly on various devices, ensuring a smooth user experience.
  • Local Storage: All notes are saved locally, ensuring privacy and easy access.

Technologies Used

Notepad-JS is built using the following technologies:

  • HTML5: For structuring the application.
  • CSS3: For styling and layout.
  • JavaScript: For functionality and interactivity.
  • Bootstrap: For responsive design.
  • Local Storage: To save notes on the user's device.

Installation

To get started with Notepad-JS, follow these simple steps:

  1. Clone the Repository: Use the following command to clone the repository to your local machine:

    git clone https://github.com/migueleuro/Notepad-JS.git
  2. Navigate to the Directory: Change into the project directory:

    cd Notepad-JS
  3. Open the Application: Open the index.html file in your preferred web browser to start using Notepad-JS.

Usage

Once you have opened the application, you will see a user-friendly interface. You can start creating notes right away. The toolbar at the top provides options for formatting your text.

Basic Operations

  • Creating a Note: Click on "New" to start a fresh note.
  • Editing a Note: Type directly into the text area. Use the toolbar for formatting.
  • Loading a Note: Click on "Open" to load an existing note from your local storage.
  • Saving a Note: Use the "Save" button to save your current work.

File Management

Notepad-JS includes comprehensive file management options:

  • New: Create a new note.
  • Open: Load an existing note from your device.
  • Save: Save your current note.
  • Save As: Save your note under a new name.

These features ensure that you can manage your notes efficiently without any hassle.

Customization

The style customization toolbar allows users to personalize their note-taking experience. You can adjust:

  • Font Type: Choose from various fonts to suit your style.
  • Font Size: Increase or decrease the text size for better readability.
  • Text Color: Change the color of your text to make it stand out.

These options make Notepad-JS a versatile tool for all your note-taking needs.

Contributing

We welcome contributions from the community! If you would like to contribute to Notepad-JS, please follow these steps:

  1. Fork the Repository: Click on the "Fork" button at the top right of this page.
  2. Create a New Branch: Use the following command:
    git checkout -b feature/YourFeatureName
  3. Make Your Changes: Implement your feature or fix.
  4. Commit Your Changes:
    git commit -m "Add your message here"
  5. Push to the Branch:
    git push origin feature/YourFeatureName
  6. Open a Pull Request: Go to the original repository and click on "New Pull Request."

Your contributions help make Notepad-JS better for everyone!

License

Notepad-JS is licensed under the MIT License. See the LICENSE file for more details.

Contact

For any inquiries or feedback, feel free to reach out:

Releases

To download the latest version of Notepad-JS, visit the Releases section. Make sure to download the appropriate files and execute them to get started with the latest features and improvements.

Notepad-JS is a powerful tool designed for productivity. We hope you enjoy using it as much as we enjoyed building it!

About

Notepad-JS is a professional, responsive, and feature-rich web-based note editor built with HTML5, CSS3, and JavaScript. It allows users to create, edit, load, and save notes locally without requiring external APIs. This app includes full file management (New, Open, Save, Save As) and a style customization toolbar for adjusting font, size, color ..

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •