{"id":15136753,"url":"https://github.com/fernando9200/notes","last_synced_at":"2026-01-18T02:01:39.134Z","repository":{"id":249917538,"uuid":"832948065","full_name":"Fernando9200/notes","owner":"Fernando9200","description":"The app allows users to create, update, delete, and manage sticky notes with customizable colors and positions on a web page.","archived":false,"fork":false,"pushed_at":"2024-10-28T13:23:15.000Z","size":81,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T03:45:15.032Z","etag":null,"topics":["appwrite","css","javascript","reactjs"],"latest_commit_sha":null,"homepage":"https://notes-webapp-react.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/Fernando9200.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":"2024-07-24T04:03:28.000Z","updated_at":"2024-10-28T13:23:19.000Z","dependencies_parsed_at":"2024-10-28T15:10:49.656Z","dependency_job_id":null,"html_url":"https://github.com/Fernando9200/notes","commit_stats":{"total_commits":6,"total_committers":1,"mean_commits":6.0,"dds":0.0,"last_synced_commit":"bab3d08663598fb7bfceb5f18bbed999c490c20a"},"previous_names":["fernando9200/notes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Fernando9200/notes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fnotes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fnotes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fnotes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fnotes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fernando9200","download_url":"https://codeload.github.com/Fernando9200/notes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fernando9200%2Fnotes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28526559,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T00:39:45.795Z","status":"online","status_checked_at":"2026-01-18T02:00:07.578Z","response_time":98,"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":["appwrite","css","javascript","reactjs"],"created_at":"2024-09-26T06:41:04.817Z","updated_at":"2026-01-18T02:01:39.115Z","avatar_url":"https://github.com/Fernando9200.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notes\r\n\r\nThis project was built with React and Appwrite. The app allows users to create, update, delete, and manage sticky notes with customizable colors and positions on a web page.\r\n\r\n![image](https://github.com/user-attachments/assets/3de0be23-e3e1-4160-8f0d-107d1a00fd9a)\r\n\r\n\r\n## Features\r\n\r\n- Create new sticky notes with default colors and position.\r\n- Drag and drop notes to reposition them.\r\n- Change the color of the notes.\r\n- Automatically save notes' content, position, and colors to the database.\r\n- Delete notes.\r\n\r\n## Technologies Used\r\n\r\n- **React**: JavaScript library for building user interfaces.\r\n- **Appwrite**: Backend-as-a-Service (BaaS) platform for managing databases, authentication, and more.\r\n- **JavaScript**: Programming language used for app logic.\r\n- **CSS**: Styling the user interface.\r\n\r\n## Installation\r\n\r\nTo run this project locally, follow these steps:\r\n\r\n1. **Clone the repository:**\r\n\r\n   ```bash\r\n   git clone https://github.com/Fernando9200/notes.git\r\n   cd notes\r\n   ```\r\n2. **Install dependencies:**\r\n   ```bash\r\n   npm install\r\n   ```\r\n3. **Set up environment variables:**\r\n   Create a `.env` file in the root of your project and add the following environment variables. Replace the placeholders with your actual Appwrite endpoint, project ID, and collection IDs:\r\n     ```bash\r\n     VITE_ENDPOINT=https://appwrite.io/v1\r\n     VITE_PROJECT_ID=your_project_id\r\n     VITE_DATABASE_ID=your_database_id\r\n     VITE_COLLECTION_NOTES_ID=your_notes_collection_id\r\n      ```\r\n4. **Start the development server:**\r\n     ```bash\r\n      npm run dev\r\n      ```\r\n   The app should now be running on `http://localhost:5173`\r\n\r\n## Usage\r\n\r\n- **Creating Notes:** Click the \"+\" button to create a new sticky note. A note will be created with a default position and color.\r\n- **Editing Notes:** Click on a note to edit its content. The content is automatically saved after you stop typing.\r\n- **Moving Notes:** Click and drag a note by its header to reposition it.\r\n- **Changing Color:** Click on one of the color options to change the color of the selected note.\r\n- **Deleting Notes:** Click the trash icon on the note's header to delete it.\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffernando9200%2Fnotes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffernando9200%2Fnotes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffernando9200%2Fnotes/lists"}