|
1 |
| -# Welcome to Remix! |
| 1 | +## Introduction |
| 2 | + |
| 3 | +Hello, I have come with my final article of the year, with the wrapped trends going on every where right from spotify wrapped to github wrapped, I have decided to bring wrapped to dev.to. |
| 4 | + |
| 5 | +Yes you have heard it right, now you can generate dev.to wrapped. |
| 6 | + |
| 7 | +The wrapped will look something similar to this 🥳 |
| 8 | + |
| 9 | + |
| 10 | + |
| 11 | +This gives your annual stats of the articles published in 2021 |
| 12 | + |
| 13 | +- Total articles |
| 14 | +- Month which you have writen most articles in |
| 15 | +- Total comments received |
| 16 | +- Total reactions received |
| 17 | +- Total reading time which your articles count to. |
| 18 | + |
| 19 | +## How to use |
| 20 | + |
| 21 | +Can't wait to find out yours? follow the simple steps and generate one for yourselves and share it to the world. |
| 22 | + |
| 23 | +Dev API currently doesn't support oauth logins, so you have to |
| 24 | + |
| 25 | +manually enter the api key here. But don't worry, the API key is |
| 26 | + |
| 27 | +stored only in your browser cookies securely. To get your API key |
| 28 | + |
| 29 | +follow the steps 👇🏼 |
| 30 | + |
| 31 | +- Go to your dev.to profile page and click on the **Settings** page and click on account, or use this link [https://dev.to/settings/account](https://dev.to/settings/account) |
| 32 | +- Scroll a bit, you will see **DEV Community API Keys** section, write your own description and generate API Key. |
| 33 | +- The page will reload, then navigate back to the section, you will see the toggle on your api key description, click on it and you will see your API key. |
| 34 | +- Once you have the API key, paste it in the text field of this website [https://devto-wrapped.netlify.app/](https://devto-wrapped.netlify.app/) and click on **Get Stats** button and view your stats 🥳 |
| 35 | + |
| 36 | +## Tech Stack |
| 37 | + |
| 38 | +This app has been built using the following tech stack. |
| 39 | + |
| 40 | +- [Remix](https://remix.run/) |
| 41 | +- [TypeScript](https://www.typescriptlang.org/) |
| 42 | +- [Tailwind CSS](https://tailwindcss.com/) |
| 43 | + |
| 44 | +That's all! |
| 45 | +Remix is amazingly good, very great DX and its a treat to use. I will be writing more remix content soon, so stay tuned. |
| 46 | + |
| 47 | +## Links |
| 48 | + |
| 49 | +This entire project is Open Source, you can find it here [https://github.com/Rohithgilla12/dev-to-wrapped](https://github.com/Rohithgilla12/dev-to-wrapped) |
| 50 | +_Leave a star if you liked it ⭐️_ |
| 51 | +You can leave a PR if you want to or can add a feature request in the issues tab :D |
| 52 | + |
| 53 | +The app is hosted on Netlify and is available here [https://devto-wrapped.netlify.app/](https://devto-wrapped.netlify.app/). |
| 54 | + |
| 55 | +I will add a few more features soon, will share it on my twitter, so if you want to stay in the loop feel free to drop a follow [there](https://twitter.com/gillarohith). |
2 | 56 |
|
3 | 57 | - [Remix Docs](https://remix.run/docs)
|
4 | 58 |
|
|
0 commit comments