Note-taking App

"The note-taking application consists of four pages, including adding, updating notes, a note list, and login. Additionally, features such as filtering notes, sorting by importance, and deleting notes have been added. In this application, there are features such as adding content, importance level, and the ability to attach images to notes, a "Show More" button for additional content, simultaneous searching, editing notes, and signing out."

"All information in the project is stored in localStorage."

Table of Contents

• Features
• Installation
• Usage
• User
• Build
• Technologies

Features

• User login and sign out
• Note Listing
• Note Adding
• Note Updating
• Note Filtering
• Note Sorting (by Importance)

Installation

1. Clone the repository:

git clone https://github.com/emektarkubra/kafein-case.git
cd kafein-case

2. Install dependencies:

npm install

Usage

Run the app locally:

npm run dev

The app will be accessible at http://localhost:3000.

User

To start using the application, login by entering the following user information:

username : "admin",
password : 12345

Build

Create a production build:

npm run build

Technologies

• Vite: A fast and minimalistic development build tool.
• React.js: A JavaScript library for building user interfaces.
• React-DOM: Provides DOM-specific methods that can be used at the top level of a web app to enable an efficient way of managing DOM elements.
• React Icons: A library of popular icon packs for React.
• Bootstrap: Bootstrap is an open-source CSS framework used to design web applications and websites quickly and beautifully. It provides ready-made components, layouts, and styles to make user interface design easier.
• React-Router-Dom: React-Router-Dom is a React routing library used to add navigation functionality to your React applications. It helps you manage page routing, URL parameters, and more.
• Sass: Sass is a CSS preprocessor that stands among the predecessors of CSS. Sass allows you to write more organized and reusable CSS code. It offers features like variables, mixins, and built-in functions.
• UUID: UUID is a JavaScript library used to generate unique identifiers. UUIDs are often used to create unique identities for database entries, items, or other records.

Contributing

Contributions are welcome! If you encounter issues or have suggestions for improvements, feel free to open an issue or create a pull request.