Web Development Project 2 - The Ultimate PM Interview

Submitted by: Rajvi Maisuria

This web app: This web application creates a flashcard web app for studying Product Management terminology and frameworks to prep for interviews and case studies.

Time spent: 3 hours spent in total

Required Features

The following required functionality is completed:

• The app displays the title of the card set, a short description, and the total number of cards
  • Title of card set is displayed
  • A short description of the card set is displayed
  • A list of card pairs is created
  • The total number of cards in the set is displayed
  • Card set is represented as a list of card pairs (an array of dictionaries where each dictionary contains the question and answer is perfectly fine)
• A single card at a time is displayed
  • Only one half of the information pair is displayed at a time
• Clicking on the card flips the card over, showing the corresponding component of the information pair
  • Clicking on a card flips it over, showing the back with corresponding information
  • Clicking on a flipped card again flips it back, showing the front
• Clicking on the next button displays a new card

Video Walkthrough

Here's a walkthrough of implemented required features:

GIF created with Snipping Tool

Notes

The main challenges dealth with knowing how to use the click features. The other was styling. I had trouble with some CSS features based on location. Where the items were being placed on the screen. Instead of a random feature. There is more structure in this version. There are two buttons, a previous and a next to go forward and background to get more out of studying.

License

Copyright [2025] [Rajvi Maisuria]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.