profext

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 50)

👣 Profile Extension - A profile 🔎 search engine for accessing my all social media profile in one tap.👨‍💻👩‍. This chrome extension let's you track your profiles on any account in a single click.

profext Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/garimasingh128/profext)
![Open Source Love](https://badges.frapsoft.com/os/v1/open-source.svg?v=102)&nbsp;
[![Gitter](https://badges.gitter.im/NWoC2020/Profext.svg)](https://gitter.im/NWoC2020/Profext?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
</br>

[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](https://raw.githubusercontent.com/garimasingh128/profext/master/)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/garimasingh128/profext)&nbsp;
[![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-blue.svg?style=flat-square)](https://github.com/garimasingh128/profext/)&nbsp;
![Website shields.io](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)&nbsp;
[![Documentation Status](https://readthedocs.org/projects/ansicolortags/badge/?version=latest)](https://github.com/garimasingh128/profext/blob/master/README.md)&nbsp;

# 👣 Profile Extension

Gitter Channel: https://gitter.im/NWoC2020/Profext

![Author](https://img.shields.io/badge/author-garimasingh128-orange)
![License](https://img.shields.io/badge/license-MIT-brightgreen)
![Platform](https://img.shields.io/badge/platform-Visual%20Studio%20Code-blue)
![Maintained](https://img.shields.io/maintenance/yes/2020)
![Codacy Badge](https://api.codacy.com/project/badge/Grade/e52b4d5ce490402a8adfe52eb45dc573)
![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-tomato.svg?style=flat&logo=git)
![GitHub stars](https://img.shields.io/github/stars/garimasingh128/profext.svg?logo=github)
![GitHub forks](https://img.shields.io/github/forks/garimasingh128/profext.svg?logo=github&color=teal)
![GitHub top language](https://img.shields.io/github/languages/top/garimasingh128/profext?color=yellow&logo=javascript)

A profile 🔎 search engine for accessing my all social media profile in one tap.👨‍💻👩‍. This chrome extension lets you track your profiles on any account in a single click.
# Open Source Contests 👣

- ## Student Code In 2020 👣
  OPEN SOURCE CONTEST - STUDENT CODE IN
  ### About Student Code In 💻
  Student Code-in is a global program that helps students grow with “OPEN SOURCE”. It is a 2 months long Open-Source initiative that provides you the best platform to improve your skills and abilities by contributing to a vast variety of OPEN SOURCE Projects. In this, all the registered participants would get an exquisite opportunity to interact with the mentors and the Organizing Team.

⭐ [Check out the website of Student Code In 2020](https://scodein.tech/)

- ## NJACK Winter of Code 2020 👣

OPEN SOURCE CONTEST - NWOC'20
  ### About NWOC 💻
NWoC (NJACK Winter of Code) is a program by NJACK (The Official Computer Science Club of IIT Patna) that helps students understand the paradigm of Open Source contribution and gives them real world software development experience.

> **NOTE:** All the contributions to be counted under NWoC should be made to the `develop` branch.

<div >
<img src="https://njackwinterofcode.github.io/images/nwoc-logo.png" alt="nwoc" height="300" />
  </div>
  
# Mentors

[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/garimasingh128/profext/) [![Issues Open](https://img.shields.io/github/issues/garimasingh128/profext)](https://github.com/garimasingh128/profext/issues) [![PRs](https://img.shields.io/github/issues-pr/garimasingh128/profext)](https://github.com/garimasingh128/profext/pulls/)
 [![Maintenance](https://img.shields.io/maintenance/yes/2020?color=green&logo=github)](https://github.com/garimasingh128)

| GitHub Usernames                                      | Domain                     |
| ----------------------------------------------------- | -------------------------- |
| [@garimasingh128](https://github.com/garimasingh128)          | Full Stack + Documentation |

## 📋 Table of Contents
 ➡️   [Vision](#-vision)

➡️   [Project Structure](#-project-structure)
 
 ➡️   [Tech Stack](#-tech-stack)
 
 ➡️   [Setup Development Environment](#-steps-to-setup-development-environment)

➡️   [Development Guidelines](#-development-guidelines)
 
 ➡️   [Learning Resources](#-learning-resources)
 
 ➡️   [Simple things to keep in mind](#-simple-things-to-keep-in-mind)

➡️   [System Requirements](#-system-requirements)
 
 ➡️   [Contributing](#-contributing)
 
 ➡️   [Owner](#-owner)

## 👩‍ Vision
Getting all your social media profiles under one button click so that you don't have to manually search and do the hassle of searching your profile handles while making your resume, filling job opportunities forms, registering for events, etc.

## ❤️ Inspiration
This is motivated by [Traversy Media tutorial on Google Chrome Extention](https://www.youtube.com/watch?v=wHZCYi1K664).

## 🤷 Project Structure
    .
    ├── ...
    ├── images
    │── icons, logo and screenshots
    │── manifest
    │── popup.html
    |── popup.js
    |── README
    └── ...
    
## 🔆 Tech Stack
-  HTML
-  CSS
-  JavaScript

## 🚀 Steps to setup development environment
1.  Clone the repo
 ```bash
 git clone github.com/your_username/profext.git
 ```
 2. Open the folder in your favorite code editor and start adding modifications.
 3.  Load the folder in `chrome://extensions/` on chrome (Load unpacked)

## 💻 Development guidelines

1.  Put all the code in one of the existing files in  `/src`. If you add a new file, make a relevant modification to  `build.js`.
    
3.  Push all the code to your own branch. Once you are sure it is working, merge it with the `dev`  branch. Let's maintain only the stable and released versions on the  `master`  branch.
    
4.  Write a kick-ass, readable, and clean code.
    
5.  Load the  `/build`  folder in  `chrome://extensions/`  on chrome (Load unpacked)

## 📝 Learning Resources

Read these articles to get a quick grab on making Chrome extensions:
- [Google Chrome official docs](https://developer.chrome.com/extensions)
- [Free Code Camp's article on # How to Create and Publish a Chrome Extension in 20 minutes](https://www.freecodecamp.org/news/how-to-create-and-publish-a-chrome-extension-in-20-minutes-6dc8395d7153/)

Resources to learn Git:
-  https://try.github.io/
- [Git and GitHub](https://www.digitalocean.com/community/tutorials/how-to-use-git-a-reference-guide)

## 🧐 Simple things to keep in mind 
- The first step is to create a manifest file named `manifest.json`. This is a metadata file in JSON format that contains properties like your extension’s name, description, version number, and so on. In this file, we tell Chrome what the extension is going to do, and what permissions it requires.
- To test if the extension works, visit `chrome://extensions` in your browser and ensure that the **Developer mode** checkbox in the top right-hand corner is checked.
- Click **Load unpacked extension** and select the directory in which your extension files live. If the extension is valid, it will be active straight away so you can open a new tab to see your extension.
- When your first Chrome extension looks nice and works as it should, it’s time to publish it to the Chrome Store. Simply follow [this link](https://chrome.google.com/webstore/developer/dashboard) to go to your Chrome Web Store dashboard (you’ll be asked to sign in to your Google account if you’re not). Then click the `**Add new item**` button, accept the terms and you will go to the page where you can upload your extension. Now compress the folder that contains your project and upload that ZIP file.
- As a web developer, it’s very easy to create a Chrome extension in a short amount of time. All you need is some HTML, CSS, JavaScript, and basic knowledge of how to add functionality through some of the JavaScript APIs that Chrome exposes. Your initial setup can be published inside the Chrome Web Store within just 20 minutes. Building an extension that’s new, worthwhile or looks nice will take some more time. But it’s all up to you!

## 💻 System Requirements
-  Google Chrome
-  Git
-  Code Editor (Visual Studio Code, Sublime Text)

## 🏆 Contributing

Please read  [CONTRIBUTING.md](CONTRIBUTING.md)  for information on how to contribute to profext-extension.

##  💼  Code of Conduct

We want to facilitate a healthy and constructive community behavior by adopting and enforcing our code of conduct.

Please adhere towards our [code-of-conduct.md](code-of-conduct.md).

## 👬 Owner

|                                                                                         <a href="https://github.com/garimasingh128"><img src="https://avatars3.githubusercontent.com/u/44302373?s=460&u=efaafa72f4d83d40b66fc68258d14cebbf1d7de0&v=4" width=150px height=150px /></a>                                                                                         |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|                                                                                                                                        **[Garima Singh](https://www.linkedin.com/in/garimasinghnitp/)**                                                                                                                                        |
| <a href="https://twitter.com/garingh128"><img src="https://openvisualfx.com/wp-content/uploads/2019/10/pnglot.com-twitter-bird-logo-png-139932.png" width="32px" height="32px"></a>  <a href="https://www.linkedin.com/in/garimasinghnitp/"><img src="https://mpng.subpng.com/20180324/vhe/kisspng-linkedin-computer-icons-logo-social-networking-ser-facebook-5ab6ebfe5f5397.2333748215219374063905.jpg" width="32px" height="32px"></a> |

> **_Need help?_** 
> **_Feel free to contact me @ [garingh128@gmail.com](mailto:garingh128@gmail.com?Subject=ProfextProject)_**

[![GitHub followers](https://img.shields.io/github/followers/garimasingh128.svg?label=Follow%20@garimasingh128&style=social)](https://github.com/garimasingh128/) [![Twitter Follow](https://img.shields.io/twitter/follow/garingh128?style=social)](https://twitter.com/garingh128)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/69a18fa3a0574431b6f9463f02a8e7a8)](https://app.codacy.com/manual/garimasingh128/profext?utm_source=github.com&utm_medium=referral&utm_content=garimasingh128/profext&utm_campaign=Badge_Grade_Dashboard)
[![Relative date](https://img.shields.io/date/1577392258?color=important&label=started&logo=github)](https://github.com/garimasingh128/) [![Maintenance](https://img.shields.io/maintenance/yes/2020?color=green&logo=github)](https://github.com/garimasingh128/)

[![built with love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/garimasingh128/)

## Like This?? Star ⭐ this Repo.

[![ForTheBadge uses-git](http://ForTheBadge.com/images/badges/uses-git.svg)](https://github.com/garimasingh128/profext)
[![ForTheBadge uses-html](http://ForTheBadge.com/images/badges/uses-html.svg)](https://github.com/garimasingh128/profext)
[![ForTheBadge uses-css](http://ForTheBadge.com/images/badges/uses-css.svg)](https://github.com/garimasingh128/profext)
[![ForTheBadge uses-js](http://ForTheBadge.com/images/badges/uses-js.svg)](https://github.com/garimasingh128/profext)
[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://github.com/garimasingh128/profext)

> Made By Garima Singh with ❤️

> Garima Singh &copy; 2020
<br><br>
[![ForTheBadge built-with-love](http://ForTheBadge.com/images/badges/built-with-love.svg)](https://github.com/garimasingh128/)
[![ForTheBadge built-by-developers](http://ForTheBadge.com/images/badges/built-by-developers.svg)](https://github.com/garimasingh128/)

***

## ❤️ Thanks to our awesome contributors.

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<table>
  <tr>
    <td align="center"><a href="https://www.linkedin.com/in/navpreet-kaur24/"><img src="https://avatars1.githubusercontent.com/u/59786562?v=4" width="100px;" alt=""/><br /><sub><b>Navpreet Kaur</b></sub></a><br /><a href="https://github.com/garimasingh128/profext/commits?author=navu9999" title="Documentation">📖</a></td>
    <td align="center"><a href="https://sundaram-dubey.netlify.app/"><img src="https://avatars2.githubusercontent.com/u/56407566?v=4" width="100px;" alt=""/><br /><sub><b>Sundaram Dubey</b></sub></a><br /><a href="https://github.com/garimasingh128/profext/commits?author=maze-runnar" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/oshinsaini"><img src="https://avatars3.githubusercontent.com/u/56020411?v=4" width="100px;" alt=""/><br /><sub><b>oshinsaini</b></sub></a><br /><a href="https://github.com/garimasingh128/profext/commits?author=oshinsaini" title="Documentation">📖</a></td>
  </tr>
</table>

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

profext

profext Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

profext

profext Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README