As a user…I should be greeted with a landing homepage and a call to action to explore new technologies and tech stacks as a developer. This homepage will include a general introduction and information on what a technology stack is. NOTE: There will be emphasis on the fact that the application’s purpose is to be informative and not biased towards any particular technology(There is no one “right tech stack”. Different tech stacks offer their own costs and benefits/pros&cons). There will be a visual aspect breakdown of general structure of a tech stack and its various potential components like:

• Frontend UI
• Programming Languages
• Frameworks/Libraries
• Databases
• Infrastructure(Cloud

As a user…I should be able to navigate via a navbar component to view TECHNOLOGIES=> grid of card UI components corresponding to various technologies within these categories:

• Programming languages
• Libraries
• Frameworks
• Databases
• Server side technologies
• Infrastructure/cloud based services

I will be able to filter technologies based on category. I will be able to click a card to open a new component view of a specific technology along with some basic information about it such as the creator(s), creation date, use cases, and compatibility with other technologies listed on the application.

As a user on the stack view...

I will be able to filter stacks by frontend, backend, and fullstack.

As a user...

Upon clicking a tech stack card, a new view component will display the various pieces of the specific tech stack in a similar fashion to the image below. The specific tech stack view component will also include some other basic information like potentially…?
What companies utilize it
potential benefits/downsides of using it
uses cases from a project perspective

I should be able to navigate to a favorites view view a navbar component. The favorites view will include both my favorite techs and my favorite stacks.

As a user…I should be able to navigate via a navbar component to view TECH STACKS: grid of card components corresponding to popular/in demand tech stacks in the current professional development world. I will be able to filter stacks by frontend, backend, and fullstack. Upon clicking a tech stack card, a new view component will display the various pieces of the specific tech stack in a similar fashion to the image below. The specific tech stack view component will also include some other basic information like potentially…?

• What companies utilize it
• potential benefits/downsides of using it
• uses cases from a project perspective

As a user..

I should be able to navigate to a sign up/sign in form via the navbar to login with Google Oauth

As a user...

I should be able to favorite a technology or stack via a button or icon on its corresponding detail page.

As a user...

I will be able to click a card to open a new component view of a specific technology along with some basic information about it such as the creator(s), creation date, use cases, and compatibility with other technologies listed on the application.

As a user...

I will be able to filter technologies based on category.