Feromone_Demo_Vid.mp4
Feromone is a full stack bug tracking application written in TypeScript with React for the front-end and styled with Tailwind CSS and Chakra UI. The back-end uses GraphQL w/ Apollo Client and MongoDB for the DB. Feromone allows you to track bugs in your applications/projects based on their severity.
Feromone was built for a client - a freelance programmer, to allow them to keep track of their bugs via a clean, minimalistic bug tracker that has dark mode included. The version pushed to GitHub has some key features missing that are only available in the client's version. They wanted to have some features that allowed them to keep track of what bugs came from which clients and what projects. A future feature will be added to the GitHub version that allows the separation of bugs into different 'Projects'. This allows different bugs to be tracked based on the project at hand.
Well, Pheromones are actually chemicals released by organisms (Humans, Ants, Bees, etc...) and have an effect on nearby organisms. As pheromones are used by Ant species to track each other, I thought it would make sense to call this bug-tracking application 'Feromone' as a nod to the behaviour of Ants and the way they communicate with each other and find their way back home. Just as the Ants can track other bugs, we too can track our pesky bugs.
| Feature | Description | Only Available In Client's Version? |
|---|---|---|
| Ability To Add Bugs | Allows You To Add Bugs With Details (Title, Desc, Severity, Patched?, Comments, Vulnerable Tech) | No |
| Add Severity Level | Most Severe -> Least: Code Red, Extreme, Very High, High, Medium, Low | No |
| Add Patched? Flag | Based On Whether or Not The Bug Has Been Patched | No |
| Add Comments | Comments On Bugs (e.g. Status Update, Assignment of Bug To Dev(s) | No |
| Sort By Severity | Only Shows Bugs of Selected Severity Level | No |
| Sort Most Severe To Least (default sorting) | Default Sorting of Most Severe To Least | No |
| Sort By Patched | Only Show Patched Bugs | No |
| View Bug On New Page w/ Comments | Open Bug On Its Page | No |
| Add Vulnerable Technologies Affected | Any Features or Technologies The Bug Affects | No |
| Add Bugs To Kanban Board | Show Which Bugs Are Being Worked On | Yes |
| User Auth w/ Firebase | Allows Accounts To Be Made For Devs and Clients | Yes |
| Allow Clients To Add Bugs | Clients Can Add A Bug And Devs Can Investigate It | Yes |
| Add Client Feedback On Bugs | Clients Can Add Feedback And Update Bugs | Yes |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent