{"id":23806911,"url":"https://github.com/rumaisanaveed/emoji-vault","last_synced_at":"2026-04-20T19:03:14.101Z","repository":{"id":269209080,"uuid":"871236257","full_name":"rumaisanaveed/emoji-vault","owner":"rumaisanaveed","description":"Your go to app to find emojis for your applications.","archived":false,"fork":false,"pushed_at":"2025-06-21T17:12:38.000Z","size":105,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-10T19:34:20.081Z","etag":null,"topics":["ant-design","frontend","frontend-projects","portfolio-project","reactjs","tailwindcss","unique-projects"],"latest_commit_sha":null,"homepage":"https://emoji-vault.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/rumaisanaveed.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-10-11T14:36:30.000Z","updated_at":"2025-06-21T17:12:41.000Z","dependencies_parsed_at":"2025-06-07T06:45:22.386Z","dependency_job_id":null,"html_url":"https://github.com/rumaisanaveed/emoji-vault","commit_stats":null,"previous_names":["rumaisanaveed/emoji-vault"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rumaisanaveed/emoji-vault","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rumaisanaveed%2Femoji-vault","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rumaisanaveed%2Femoji-vault/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rumaisanaveed%2Femoji-vault/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rumaisanaveed%2Femoji-vault/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rumaisanaveed","download_url":"https://codeload.github.com/rumaisanaveed/emoji-vault/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rumaisanaveed%2Femoji-vault/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32061251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["ant-design","frontend","frontend-projects","portfolio-project","reactjs","tailwindcss","unique-projects"],"created_at":"2025-01-01T23:16:52.146Z","updated_at":"2026-04-20T19:03:14.066Z","avatar_url":"https://github.com/rumaisanaveed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"---\n# Emoji Vault\n\nWelcome to **Emoji Vault**, a user-friendly tool designed to make searching and copying emojis easier than ever! This project is built using **React** and **Vite**, providing a seamless experience with a clean and minimalistic interface.\n\n---\n\n## 📖 Introduction\n\nEver needed to search for the perfect emoji but got lost in countless platforms? **Emoji Vault** allows users to easily search for emojis, view a list of options, and copy their desired emoji directly to the clipboard in just a click!\n\n👉 **Live Project**: [Emoji Vault](https://emoji-vault.vercel.app)\n\n---\n\n## 🚀 Features\n\n- 🔍 **Easy Emoji Search**: Quickly find the emoji you need with an intuitive search bar.\n- 📋 **Copy to Clipboard**: Copy emojis with a single click for seamless use.\n- 📱 **Responsive Design**: A user-friendly interface that works beautifully across all devices.\n- ⚡ **Fast Performance**: Built with **Vite** to ensure a smooth experience with minimal load times.\n- 🕸️ **Dynamic Modal**: Displays emoji details in a sleek popup with a copy feature.\n- ⏳ **Skeleton Loaders**: Smooth transitions while waiting for API responses.\n\n---\n\n## 💡 What I Learned\n\n### Challenges Faced\n\n- 💭 **Problem**: I frequently faced the challenge of copying emojis to use in my projects. It was frustrating hopping between platforms just to find the right one, so I decided to solve this problem for myself by building such a platform by myself.\n- ✨ **Solution**: **Emoji Vault** offers a smooth and seamless user experience with a clean, minimalistic design that makes finding and copying emojis a breeze. No more endless searching or juggling different websites!\n\n---\n\n## 🛠 Tools \u0026 Technologies\n\n- **React.js**: Chosen for its simplicity and efficiency.\n- **Tailwind CSS**: Used for fast and responsive UI styling.\n- **Ant Design**: Utilized for polished and ready-to-use UI components.\n- **emoji-api.com**: Free API for accessing emojis.\n- **Axios**: Used for seamless API integration.\n- **Vercel**: Deployment platform for hosting the application.\n\n---\n\n## 🛠️ The Process\n\n1. 🖌️ **UI Design**: \n   - 🧠 Brainstormed design ideas and used an AI tool to generate the initial UI.\n\n2. 🎨 **Frontend Development**: \n   - ✍️ Built the UI with **React.js** and **Tailwind CSS**, ensuring responsiveness.\n\n3. 📦 **Ant Design Integration**: \n   - 🚀 Incorporated Ant Design components to save development time and improve UI consistency.\n\n4. 🌐 **API Integration**: \n   - 🔗 Integrated [emoji-api.com](https://emoji-api.com) with Axios for fetching emoji data.\n\n5. 🔍 **Search Functionality**:\n   - 🛠️ Implemented a search feature that fetches emojis dynamically based on user input.\n   - 🛡️ Added restrictions to prevent unnecessary API calls for single-character inputs.\n\n6. 📋 **Modal and Copy Functionality**:\n   - ⚡ Designed a modal to display emoji details and implemented a copy-to-clipboard feature.\n\n7. ⏳ **Loading State**:\n   - 🌀 Added skeleton loaders to enhance user experience during API response times.\n\n8. 🌍 **Deployment**: \n   - 🚀 Deployed the app on **Vercel**, making it accessible for everyone.\n\n---\n\n## 🚦 Running the Project\n\nTo run **Emoji Vault** in your local environment, follow these steps:\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/rumaisanaveed/emoji-vault.git\n   ```\n2. Navigate to the project directory:\n   ```bash\n   cd emoji-vault\n   ```\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n4. Start the development server:\n   ```bash\n   npm run dev\n   ```\n5. Open [http://localhost:3000](http://localhost:3000) in your web browser to view the app.\n\n---\n\n### 🍿 **Video**\nYou can watch a quick demo of **Emoji Vault** below:\n\nhttps://github.com/user-attachments/assets/a66c5215-7371-4627-8dd8-5246175459ee\n\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frumaisanaveed%2Femoji-vault","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frumaisanaveed%2Femoji-vault","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frumaisanaveed%2Femoji-vault/lists"}