Solving hashtags problems

#reactnative #react #javascript

This article was originally published on my blog

Hashtag ~hashtags is the plural noun~ is any phrase or word that has a ’#’ sign at the beginning, it is mostly used on social media platforms to target a specific topic and to gather users interested in that same topic.

As we’re targeting “hashtags” as a topic, you could use the “#hashtags” hashtag as the topic of this article.

hashtags themselves have no issues so far but the way few users use them, whether they are overusing or faking them, at the end all users will get annoyed, like when you’re scrolling through posts related to “tech” for example and you end up finding lot of unrelated posts, doesn’t that annoy you?

The same goes when you’re trying to read someone’s post’s description but it’s full of hashtags they overused, that’s why it’s better to have some line breaks or put them as the first comment.

the overusing of hashtags issue has been solved by few platforms, by warning the user and eventually banning them, unlike the issue of using unrelated hashtags, it hasn’t been solved yet, that’s why I built Ai Hashtags in order to solve it!

Ai Hashtags generates hashtags using Artificial intelligence, and here’s how it works:

Upload your picture, Share or paste the link of your Instagram post
Hit Generate hashtags button
Select specific hashtags to copy or copy them all
Paste them into your post

You can create a new group for your hashtags to reuse them in the future, each group can be edited or deleted.

The app supports English, Spanish, simplified Chinese & Arabic languages (We will add more languages soon), it is available on the Play Store and App Store.

The Android app is free but comes with user friendly ads while the iOS app is ad free but costs $0.99.

This was a fun project to work on and the reason I built it goes way back when I & my team won the second prize of the online JAMStack FreeCodeCamp Hackathon, we used ClarifAi API to automatically generate hashtags from the pictures of the products you're trying to sell, so that you could easily share it on Social media and gather actual users who are interested in that specific product. ClarifAi let me use their community API Key that offers generously the first 5k requests for free, then I'll have to use the essential plan that costs $1.20 / 1k operations which is a reasonable price in my opinion.

Tools

I used Adobe Illustrator to design the mobile icon
Adobe XD to design the wireframes & user interfaces
Kanban lean method to better handle project management using Trello
Developed with React Native: (0.60.5)
- Navigation: react-navigation (since the app is not that large otherwise I would have used react-native-navigation)
- Styling: styled-components
- Deployment: Fastlane
- Env variables: react-native-config
- State management: ~~redux~~ useReducer and useContext!
- HOCs: ~~Recompose~~ no more HOCs
- HTTP Requests: axios
- Forms: formik
- Form validation: yup
- Ads: react-native-admob
- Toast: react-native-simple-toast
- Upload: react-native-photo-upload
- Swiper: react-native-swiper
- Middleware: ~~redux-thunk~~ not anymore
- Prettier & Eslint for linting & formatting my code
- VSCode as code editor
- Image recognition: clarifai
- i18n: react-intl
- Analytics: react-native-mixpanel