{"id":18282811,"url":"https://github.com/danielkhakbaz/notes-app","last_synced_at":"2026-04-02T03:08:30.198Z","repository":{"id":124847619,"uuid":"610705447","full_name":"Danielkhakbaz/Notes-App","owner":"Danielkhakbaz","description":"a Note-app using LocalStorage API, so your data will never be removed unless you choose to remove it.","archived":false,"fork":false,"pushed_at":"2024-11-02T13:51:18.000Z","size":109,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T14:31:55.689Z","etag":null,"topics":["daisyui","eslint","git","husky","javascript","nextjs","prettier","tailwindcss"],"latest_commit_sha":null,"homepage":"https://danial-notes-app.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Danielkhakbaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-07T10:11:31.000Z","updated_at":"2024-11-02T13:51:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"7e6e3ddf-f8a2-4d02-a840-ab5bec35cf48","html_url":"https://github.com/Danielkhakbaz/Notes-App","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Danielkhakbaz/Notes-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FNotes-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FNotes-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FNotes-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FNotes-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Danielkhakbaz","download_url":"https://codeload.github.com/Danielkhakbaz/Notes-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Danielkhakbaz%2FNotes-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294867,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisyui","eslint","git","husky","javascript","nextjs","prettier","tailwindcss"],"created_at":"2024-11-05T13:06:19.893Z","updated_at":"2026-04-02T03:08:30.157Z","avatar_url":"https://github.com/Danielkhakbaz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notes App\n\n\u003ca href=\"https://danial-notes-app.vercel.app/\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/Danielkhakbaz/Danielo-Portfolio/blob/master/public/images/projects/notes-app/screen-shot.png\" alt=\"The screen-shot of the notes app\" /\u003e\u003c/a\u003e\n\nA simple, elegant Notes application built with [Next.js](https://nextjs.org/), providing a smooth and interactive user experience for managing notes. This app utilizes modern frontend technologies like Tailwind CSS and DaisyUI for styling and React Icons for visual consistency.\n\n## Project Overview\n\nThe Notes App is designed for users who want a simple yet effective way to organize their notes. With a responsive interface, this app works well on both desktop and mobile devices.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Development Scripts](#development-scripts)\n- [Folder Structure](#folder-structure)\n\n## Features\n\n- **Create, Edit, and Delete Notes**: Full CRUD functionality for managing notes.\n- **Unique Identifiers**: Each note has a unique ID, powered by `uuid`.\n- **Responsive Design**: Adapts seamlessly to any screen size.\n- **DaisyUI**: Simplifies component styling with Tailwind integration.\n- **Linting and Formatting**: Ensures consistent code style with ESLint and Prettier.\n\n## Technologies Used\n\n- **[Next.js](https://nextjs.org/)** - Framework for React with server-side rendering and static generation.\n- **[React](https://reactjs.org/)** - JavaScript library for building user interfaces.\n- **[Tailwind CSS](https://tailwindcss.com/)** - Utility-first CSS framework.\n- **[DaisyUI](https://daisyui.com/)** - Tailwind CSS components library for rapid UI development.\n- **[React Icons](https://react-icons.github.io/react-icons/)** - Popular icons for React applications.\n- **[uuid](https://www.npmjs.com/package/uuid)** - Generates unique identifiers.\n- **[Husky](https://typicode.github.io/husky/)** - Git hooks for automated workflows.\n\n## Folder Structure\n\nHere's an overview of the project structure:\n\n```plaintext\nnotes-app/\n├── public/                    \n├── app/                       \n│   ├── components/            # Reusable components\n│   ├── notes/                 # Notes page with all its components\n│   └── styles/                # Global CSS and Tailwind configurations\n│\n├── .eslintrc.json             # ESLint configuration for code quality\n├── .prettierrc                # Prettier configuration for code formatting\n├── next.config.js             # Next.js configuration\n├── package.json               # Project metadata, scripts, and dependencies\n└── README.md                  # Project documentation\n```\n\n## Installation\n\nTo set up this project locally, follow these steps:\n\n1. **Clone the repository**:\n   ```bash\n   git clone https://github.com/Danielkhakbaz/Notes-App\n   cd danielo-portfolio\n\n2. **Install dependencies**:\n   ```tsx\n   yarn\n\n3. **Run the development server**:\n   ```tsx\n   yarn dev\n\n4. **Open http://localhost:3000 in your browser to see the project**.\n\n## Development Scripts\n\nHere are some helpful scripts to assist in the development and maintenance of this project:\n\n```dev```: Runs the app in development mode. \u003cbr/\u003e\u003cbr/\u003e\n```build```: Compiles the app for production. \u003cbr/\u003e\u003cbr/\u003e\n```start```: Starts the production server. \u003cbr/\u003e\u003cbr/\u003e\n```lint```: Lints and fixes files using ESLint. \u003cbr/\u003e\u003cbr/\u003e\n```fix```: Formats files using Prettier. \u003cbr/\u003e\u003cbr/\u003e\n```check-prettier```: Checks the code format without making changes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielkhakbaz%2Fnotes-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanielkhakbaz%2Fnotes-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanielkhakbaz%2Fnotes-app/lists"}