Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maikonalexandre/whatsemoji-extension
💡 A simple browser extension that gives you quick access to emojis and automatically saves your most used emojis to save time.
https://github.com/maikonalexandre/whatsemoji-extension
react tailwindcss typescript vitejs
Last synced: 1 day ago
JSON representation
💡 A simple browser extension that gives you quick access to emojis and automatically saves your most used emojis to save time.
- Host: GitHub
- URL: https://github.com/maikonalexandre/whatsemoji-extension
- Owner: maikonalexandre
- Created: 2024-01-04T21:43:12.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-02-01T17:41:40.000Z (11 months ago)
- Last Synced: 2024-11-06T03:47:36.443Z (about 2 months ago)
- Topics: react, tailwindcss, typescript, vitejs
- Language: TypeScript
- Homepage:
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![image](https://github.com/maikonalexandre/whatsemoji-extension/assets/86725282/68e48c2f-449d-4afd-baab-dd984378c676)
📌 Install
•
🛠️ Stack
•![GitHub stars](https://img.shields.io/github/stars/maikonalexandre/whatsemoji-extension)
![GitHub issues](https://img.shields.io/github/issues/maikonalexandre/whatsemoji-extension)
![GitHub license](https://img.shields.io/github/license/maikonalexandre/whatsemoji-extension)
[![Required Node.JS >=18.0.0](https://img.shields.io/static/v1?label=node&message=%20%3E=18.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases)## 👋 Introduction
[**whatsemoji-extension**]() is simple browser extension that gives you quick access to emojis
- Several emojis separated by category.
- Support for Google Chrome, Brave, Firefox and others.
- Saves the most used emogis## 📌 Install
> [!IMPORTANT]
> Before proceeding, make sure your browser has developer mode activated.You will need:
- [Node.js 18+ (recommended 20 LTS)](https://nodejs.org/en/).
- [Git](https://git-scm.com/).1. Clone this repo locally:
```bash
git clone [email protected]:maikonalexandre/whatsemoji-extension.git
```2. Install dependencies:
```bash
npm install
# or
pnpm install
# or
yarn install
```3. Build app:
```bash
npm run build
# or
pnpm run build
# or
yarn build
```4. Upload the generated dist folder to the browser.
> If you don't know how to do this: [How to Install a Chrome Extension in Developer Mode](https://bashvlas.com/blog/install-chrome-extension-in-developer-mode/)## 🛠️ Stack
- [**Typescript**](https://www.typescriptlang.org/) - JavaScript with syntax for types.
- [**Tailwindcss**](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs
- [**Prettier**](https://prettier.io/) - An opinionated code formatter.
- [**svelte-sonner**](https://github.com/wobsoriano/svelte-sonner) - An opinionated toast component for Svelte.
- [**Phosphor Icons**](https://github.com/haruaki07/phosphor-react) - A clean and friendly icons libraries.
- [**Vite**](https://vitejs.dev/) - s a build tool that aims to provide a faster and leaner development experience for modern web projects.## 🔑 License
- [MIT](https://opensource.org/license/mit/).