# 📌 React Pakistan 🔥🔥🔥
React Pakistan is an OpenSource & Free Software (FOSS) platform, creating React software solutions for the global community. ⭐⭐⭐ [![License](https://img.shields.io/github/license/react-pakistan/react-native-boilerplate.svg)](https://github.com/react-pakistan/react-native-boilerplate/blob/master/LICENSE) [![Followers](https://img.shields.io/github/followers/taimoormk.svg?style=social)](https://github.com/taimoormk) [![Forks](https://img.shields.io/github/forks/react-pakistan/react-native-boilerplate.svg?style=social)](https://github.com/react-pakistan/react-native-boilerplate) [![Stars](https://img.shields.io/github/stars/react-pakistan/react-native-boilerplate.svg?style=social)](https://github.com/react-pakistan/react-native-boilerplate) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/Taimoormk/StrapDown.js/graphs/commit-activity) ![Maintaner](https://img.shields.io/badge/maintainer-TaimoorKhan-blue) [![Website shields.io](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](http://shields.io/) [![Ask Me Anything !](https://img.shields.io/badge/Ask%20me-anything-1abc9c.svg)](https://GitHub.com/Taimoormk/ama) [![Ryo-ma's github trophy](https://github-profile-trophy.vercel.app/?username=Taimoormk&row=1)](https://github.com/ryo-ma/github-profile-trophy) [![DenverCoder1's github streak](https://github-readme-streak-stats.herokuapp.com/?user=Taimoormk&theme=blue-green)](https://github.com/DenverCoder1/github-readme-streak-stats) [![Sparkline](https://stars.medv.io/Naereen/badges.svg)](https://stars.medv.io/react-pakistan/react-native-icon-collection) [![saythanks](https://img.shields.io/badge/say-thanks-ff69b4.svg)](https://saythanks.io/to/Taimoormk) ## 📌 React Emoji Collection ✌ A generic, Emoji library for React web apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React. ### 📌 Table of Contents 🚀 - [Demo](#-demo-) ✨ - [Technology Stack](#-technology-stack-) ✨ - [Installation](#-installation-) ✨ - [Usage](#-usage-) ✨ - [Styles](#-styles-) ✨ - [Tested](#-tested-) ✨ - [Contributors](#-contributors-) ✨ - [Other Libraries from ReactPakistan](#-other-libraries-from-reactpakistan-) ✨ - [Support](#-support-) ✨ - [Contact](#-contact-) ✨ - [Buy Me Coffee](#-buy-me-coffee-) ✨ ### 📌 Demo 🚀 Checkout [React Emoji Collection](https://react-pakistan.github.io/react-emoji-collection) ### 📌 Technology Stack 🚀 - [React](https://reactjs.org/) ✨ - [Storybook](https://storybook.js.org/) ✨ - [TypeScript](https://www.typescriptlang.org/) ✨ - [JavaScript](https://javascript.info/) ✨ - [Styled Components](https://styled-components.com/) ✨ - [Jest](https://jestjs.io/) ✨ - [Eslint](https://eslint.org/) ✨ ### 📌 Installation 🚀 - Clone the repo - Cd into the project folder - Figure out which package manager you have on your system, then run following commands for their specific use cases. ```console // to install dependencies yarn // to start local dev server yarn start // to run all tests locally yarn test ``` OR ```console // to install dependencies npm install // to start local dev server npm start // to run all tests locally npm test ``` ### 📌 Usage 🚀 Add React Emoji Collection to your project. ```console yarn add @react-pakistan/react-emoji-collection ``` OR ```console npm install @react-pakistan/react-emoji-collection ``` Add React Emoji Collection base theme to your project. ```console yarn add @react-pakistan/util-functions ``` OR ```console npm install @react-pakistan/util-functions ``` Refer to [React Pakistan Docs](https://react-pakistan.github.io/react-pakistan-docs) for detail usage docs. ### 📌 Styles 🚀 Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead. ```javascript import { ThemeProvider } from 'styled-components'; import { theme } from '@react-pakistan/util-functions';