{"id":15581164,"url":"https://github.com/shreyamalogi/google-keep-clone","last_synced_at":"2025-04-24T02:52:31.031Z","repository":{"id":136169942,"uuid":"452267707","full_name":"shreyamalogi/Google-Keep-Clone","owner":"shreyamalogi","description":"\"🧙‍♀️ React Magic: Crafting a Google Keep App Clone ✨\"","archived":false,"fork":false,"pushed_at":"2023-10-29T12:20:18.000Z","size":1183,"stargazers_count":14,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-24T02:52:24.190Z","etag":null,"topics":["css","html","javascript","react","reactjs"],"latest_commit_sha":null,"homepage":"https://googlekeepnote.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shreyamalogi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-01-26T12:31:32.000Z","updated_at":"2024-11-01T08:00:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"5009b332-47af-4379-a888-2aad3e2305aa","html_url":"https://github.com/shreyamalogi/Google-Keep-Clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shreyamalogi%2FGoogle-Keep-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shreyamalogi%2FGoogle-Keep-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shreyamalogi%2FGoogle-Keep-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shreyamalogi%2FGoogle-Keep-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shreyamalogi","download_url":"https://codeload.github.com/shreyamalogi/Google-Keep-Clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250552036,"owners_count":21449162,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css","html","javascript","react","reactjs"],"created_at":"2024-10-02T19:41:47.706Z","updated_at":"2025-04-24T02:52:31.013Z","avatar_url":"https://github.com/shreyamalogi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📷🌈 Google Keep Clone 💻\n\n[![GitHub stars](https://img.shields.io/github/stars/shreyamalogi/Google-Keep-Clone.svg?style=social)](https://github.com/shreyamalogi/Google-Keep-Clone/stargazers)\n\n### Project Details: 🌐📅✍️\n\n- **Functionality:** A web application, a clone of Google Keep, developed using the React framework. 📝🔍\n- **Tech Stack:** `React`, `JavaScript`, `HTML`, `CSS` 🚀💻\n- **Author:** [@shreyamalogi](https://github.com/shreyamalogi/) 👩‍💻\n- **Year of Project:** 2022 📅\n- **Deployment:** The app is deployed to Netlify and can be accessed at [https://googlekeepnote.netlify.app/](https://googlekeepnote.netlify.app/).\n---\n\n# Table of Contents\n\n1. [Introduction](#introduction)\n2. [Challenges and Solutions](#challenges-and-solutions)\n3. [Project Structure](#project-structure)\n4. [How to Run](#how-to-run)\n5. [How to Create from Scratch](#how-to-create-from-scratch)\n6. [Contribution - Show Your Support](#contribution---show-your-support)\n7. [License](#license)\n\n\n## Introduction\n\nWelcome to the Google Keep Clone, a web application crafted by **Shreya Malogi** using the powerful React framework. This project replicates the functionality of Google Keep, allowing users to create and manage notes seamlessly. 📑✨\n\n## Challenges and Solutions\n\n### 1. Responsive UI Design:\n\n**Challenge:** Creating a visually appealing and responsive interface.  \n**Solution:** Utilized React's responsive design principles and CSS for seamless cross-device experiences. 🎨📱\n\n### 2. State Management:\n\n**Challenge:** Efficiently managing application state.  \n**Solution:** Implemented React hooks (e.g., useState, useEffect) and context API for effective state management. 🔄🧠\n\n### 3. Material-UI Integration:\n\n**Challenge:** Integrating Material-UI components for enhanced design.  \n**Solution:** Explored Material-UI documentation and integrated components to elevate the UI. 🚀✨\n\nThese challenges were addressed through thoughtful solutions, ensuring a polished and user-friendly Google Keep Clone. 🌐👩‍💻\n\n## Project Structure\n\nThe project is organized into different directories, each serving a specific purpose:\n\n- **`public`**: Contains static assets (icons, HTML file, etc.) that can be served publicly. 🖼️🌐\n- **`src`**: The main source code directory.\n  - **`components`**: Contains React components that define the structure and behavior of the application. 🧩👩‍💻\n  - **`images`**: Stores images used in the application. 📷🌈\n  - **`styles`**: Holds CSS files for styling components. 🎨🖌️\n\n## How to Run\n\n1. **Clone the repository to your local machine:**\n\n   ```bash\n   git clone https://github.com/shreyamalogi/Google-Keep-Clone.git\n   ```\n\n2. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Run the application in development mode:**\n\n   ```bash\n   npm start\n   ```\n\n   Open [http://localhost:3000](http://localhost:3000) to view it in your browser. 🌐🚀\n\n## How to Create from Scratch\n\nIf you're interested in understanding how this Google Keep Clone was created, you can refer to the following resources:\n\n- [Guidelines and References](https://github.com/shreyamalogi/Google-Keep-Clone/blob/main/google%20keep%20app.pdf)\n- [Overview](https://github.com/shreyamalogi/Google-Keep-Clone/blob/main/google%20keep%20overview.pdf) 📚📖\n\n## Contribution - Show Your Support\n\nExcited about web security spells? Contribute to this magical project and make it even more secure. Don't forget to star the project! ⭐🌟\n\n## License\n\nThis project is enchanted under the spell of the MIT License. Share the magic responsibly! 🌍💙\n\nMIT License\n\nCopyright (c) 2022 Shreya Malogi\n\nStay Enchanted! 🧙‍♀️✨\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshreyamalogi%2Fgoogle-keep-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshreyamalogi%2Fgoogle-keep-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshreyamalogi%2Fgoogle-keep-clone/lists"}