'That's so gay' is a simple, easy-to-use, non-profit platform with aim to collect everyday microaggressions towards lesbian, gay, bisexual, trans, intersex and queer (LGBTIQ+) communities and highlight their harmful impact. It is an improved version of my app built with Node, Express and EJS as templating language.

Link to MVC: click here

Tech used: HTML, CSS, Tailwind, Javascript, NextJS, React, MongoDB

This is a full-stack web application built with Next.js and React, utilizing MongoDB as the database technology. One of the main features of this app is that it allows users to read, edit, and add new microaggressions, as well as access a set of static files that are intended for educational purposes.

• Fix responsiveness issues based on users feedback
• Improve the design system with Tailwind (theming)
• Add OAuth so that only registered users can edit/delete content

Through this project, I gained a deep understanding of the Next.js framework and was particularly impressed by how it simplifies tasks such as routing, image optimization, and building APIs, as well as its flexibility with both static and dynamic pages. I also utilized Tailwind CSS, a popular styling solution, to help organize the app's design. One of the most challenging aspects of this project was learning how to connect to the database using Typescript, a language that was new to me. However, after some dedicated effort and problem-solving, I was able to overcome this obstacle and solidify my understanding. While my initial intention was to use Next13, I ultimately decided to use Next12 due to its more extensive documentation, which helped me navigate and better utilize this framework.

This project was heavily inspired by the Micropedia, the first encyclopedia of microagressions.