Rant Stranger Note App is a web-based application designed to provide a private and secure space for you to share your thoughts, vent your frustrations, and find inner peace through the act of ranting. Whether you need to get something off your chest or simply want to organize your ideas, this app offers a simple and intuitive solution.
- Create Notes: Easily create notes by adding a topic and your rant or thought as the content.
- Responsive Grid Layout: The notes are displayed in a responsive grid layout, allowing for a seamless experience across different devices and screen sizes.
- Delete Notes: Each note card includes a delete button, providing a convenient way to remove notes that are no longer needed.
- Local Storage Persistence: The app utilizes browser local storage to persist your notes, ensuring that your data remains available even after closing the application or refreshing the page.
- Clean and Modern Design: Rant Stranger Note App features a clean and modern design, making it easy to navigate and focus on your thoughts.
- HTML
- CSS
- JavaScript
- Pico.css (lightweight CSS framework)
Rant Stranger Note App is built using HTML, CSS, and JavaScript. The application's structure and styling are defined using HTML and CSS, while JavaScript handles the interactive functionality, such as creating, displaying, and deleting notes, as well as managing local storage.
The app leverages the Pico.css framework to provide a consistent and visually appealing experience across different devices and screen sizes. The responsive grid layout for displaying notes is achieved through CSS Grid.
When you add a new note, the app creates a new HTML element representing the note card and appends it to the grid container. Simultaneously, the note data is stored in the browser's local storage for persistence. When you delete a note, the corresponding HTML element is removed from the DOM, and the note data is removed from local storage.
To use Rant Stranger Note App, simply open the index.html file in your preferred web browser. The app is ready to use out of the box, without the need for any additional setup or dependencies.
Start adding your thoughts, rants, and ideas by clicking the "+" button in the navigation bar. Fill in the topic and note content, then click "Add Note" to create a new note card. To delete a note, click the trash bin icon on the corresponding note card.
While Rant Stranger Note App is a personal project, contributions in the form of bug reports, feature requests, or code improvements are welcome. If you encounter any issues or have suggestions for enhancing the app, please open an issue on the project's GitHub repository.
Rant Stranger Note App is open-source software released under the MIT License.