Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        

![image](https://github.com/maikonalexandre/whatsemoji-extension/assets/86725282/68e48c2f-449d-4afd-baab-dd984378c676)


📌 Install
  •  
🛠️ Stack
  •  
🐦 Twitter

![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/).