Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/krishnagopal-sinha/rockit-landing

Last synced: 22 days ago
JSON representation

Host: GitHub
URL: https://github.com/krishnagopal-sinha/rockit-landing
Owner: Krishnagopal-Sinha
Created: 2024-03-17T17:01:24.000Z (10 months ago)
Default Branch: main
Last Pushed: 2024-03-22T13:45:33.000Z (10 months ago)
Last Synced: 2024-10-12T14:30:58.615Z (3 months ago)
Language: TypeScript
Homepage: https://rockit-landing.vercel.app
Size: 5.77 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Landing page for 🚀 Rockit - Fancy Text Generator and Formatter

Tired of the same old text? Want to add some pizzazz to your online conversations? Say hello to Rockit, your new best friend for all things text! 🎉

## 👾 Intro

With Rockit, you can transform any selected text on a webpage with just a right-click, that's right 𝐚𝐧𝐲! Choose from a variety of text formatting options like converting to UPPERCASE, lowercase, making it 𝐛𝐨𝐥𝐝 or 𝘪𝘵𝘢𝘭𝘪𝘤, or even changing the font to something 𝒇𝒂𝒏𝒄𝒚! 🌟 (Works everywhere, even if sites don't support it, use it to believe it✨)

But that’s not all! Click on the 🚀 Rockit extension icon, and you’ll get a neat info of your selected text, including word count, letter count, and line count. Perfect for those who need to keep track of their word usage! 📝

## 👮 Instructions For Use

-> Select the text you want to format on any webpage. Can be text inside a text input field or even the content displayed on the site 😈

-> Right-click to open the context menu and hover over the "🚀 Rockit - Fancy text..." option to see formatting choices.

-> Choose your desired formatting or fancy text option. Rockit will immediately apply the style to your selected text 🥳

-> To access more stats and information like word count, character count and such of the selected text, click the Rockit icon in your browser's extension toolbar 💃

-> You can pres ctrl + z or command + z (mac) to undo fancy text conversion, inside of a text input and fields 👻

## Note

-> First Time Install: You may need to reload webpages opened prior to Rockit installation, as that would help Rockit 🚀 to load along with webpage. (For Chrome and Chromium based browsers - basically anything that is not Mozilla or Safari)

-> Rockit works on most websites, but there may be some limitations based on the site's specific security policies, that is if reloading the page did not help. Selecting via pressing ctrl / cmd + A may not format text in some sites, use mouse cursor to select. (Site specific restriction)

-> Live preview was removed as it was causing performance issues on low end machines :(

## ⏰ Time Savings and Use Cases

Imagine the time you’ll save not having to manually change text case or count words, hunting for formatting options that may not even exist on websites. Whether you’re a student working on an assignment, a professional preparing a report, or just someone who loves to express themselves uniquely, Rockit is here to make your life easier and your text 𝕗𝕒𝕟𝕔𝕚𝕖𝕣! 🌈 🎈

## Motivation for Rockit 🤘

We believe in the power of expression and the beauty of diversity. That’s why we created Rockit - to give you the freedom to express yourself in the way you want, without the hassle. Let’s make the internet a more fancy place, one text at a time! 🌈

So why wait? Get ready to Rockit! 🚀

## Screenshots

![Screenshot 1](/assets/ss1.png)

![Screenshot 2](/assets/ss2.png)

![Screenshot 3](/assets/ss3.png)

![Screenshot 4](/assets/ss4.png)

## How to use this repo

Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example:

```bash
npx create-next-app --example blog-starter blog-starter-app
```

```bash
yarn create next-app --example blog-starter blog-starter-app
```

```bash
pnpm create next-app --example blog-starter blog-starter-app
```

Your blog should be up and running on [http://localhost:3000](http://localhost:3000)! If it doesn't work, post on [GitHub discussions](https://github.com/vercel/next.js/discussions).

Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

# Notes

`blog-starter` uses [Tailwind CSS](https://tailwindcss.com) [(v3.0)](https://tailwindcss.com/blog/tailwindcss-v3) along with markdown.

## TODO

- [ ] Add Links to stuff