+ );
+}
+
+export default App;
diff --git a/src/assets/react.svg b/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/src/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/Interview/Interview.css b/src/components/Interview/Interview.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Interview/Interview.jsx b/src/components/Interview/Interview.jsx
new file mode 100644
index 0000000..9f6f2b8
--- /dev/null
+++ b/src/components/Interview/Interview.jsx
@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import Sidebar from './Sidebar/Sidebar';
+import SpeechRecognition from './SpeechRecognition/SpeechRecognition';
+import questions from "./Questions";
+import "./Interview.css";
+
+function Interview() {
+ const [active, setActive] = useState(questions[0].question);
+ const [category, setCategory] = useState(questions[0].category);
+ return (
+
+ );
+}
+
+export default Interview;
\ No newline at end of file
diff --git a/src/components/Interview/Questions.js b/src/components/Interview/Questions.js
new file mode 100644
index 0000000..9522b75
--- /dev/null
+++ b/src/components/Interview/Questions.js
@@ -0,0 +1,54 @@
+const questions = [
+ {
+ question: "Tell me about yourself.",
+ sampleAnswer: "From a very early age I've been a problem solver. I was that kid who would take apart anything so I could see how it worked—and then try to put it back together. As you can imagine, it drove my parents nuts. But even though I tortured my family at times, the tinkering trait has served me well in my career. After graduating from Purdue, I was recruited into a field technician job and got paid to take apart broken packaging equipment. It was like living the dream. That job also made me realize I'm really good with difficult customers, and that's what helped me land my current account manager role. While I love my job and have been successful in it, it has moved me away from the manufacturing floor. Now, the reason I'm so interested in this position is that it seems to provide a really great blend of one-on-one work with clients and hands-on problem solving. Why this answer worked well:He gave a vivid image of his childhood home and told a memorable story about it.He picked two prominent required skills from the job description, problem solving and customer service, and built this interesting narrative around it.He showed how his career successfully evolved before he was even asked about that.",
+ category: "General",
+ },
+ {
+ question: "What is your greatest strength?",
+ sampleAnswer: "What I bring to the team is a strong record in relationship building. I'm happiest when I'm engaging and strategizing about how we can help one another. I find that in sales, some people can be overly transactional. I think my superpower is in establishing more meaningful connections. I've gotten strong feedback in the past. One client said I was the best business development person he'd ever met. These types of connections have turned into big sales wins. For example, last year, I doubled my client base and outperformed my peers by 40%. And it's probably relevant to share that I started in that role without any contacts in the field. Today, there isn't a Fortune 100 company that doesn't know about the product I sold last. Why this answer worked well:She was specific and shared real numbers.She stayed relevant. The experience and the story all came together and she supported it all with numbers.",
+ category: "General",
+ },
+ {
+ question: "What is your greatest weakness?",
+ sampleAnswer: "I get excited when people on my team brainstorm about big new ideas. I sometimes get so caught up in the moment that I volunteer to do too much. I know this can be a distraction in ways that put me at risk of not getting work done properly or missing deadlines. I've been reflecting on why this happens. As I've become more conscious of this pattern, I'm working on ways to contain the negative aspects of my eagerness. One way that I do this is to still go to brainstorming meetings but to be more careful about offering to do the next steps—or limit it to one project that my boss supports. Fortunately, though, the job we're discussing seems well-suited for people like me, people that bring a lot of enthusiasm to the job and are ready to keep getting better and better at the follow-through. Why this answer worked well:He shared a story about how a weakness would negatively impact his work and stress him out.He turned his self-awareness into a plan to help him manage that weakness so he would be successful in the future.He shared specific details, which made the story feel relatable.",
+ category: "General",
+ },
+ {
+ question: "Why should we hire you?",
+ sampleAnswer: "I've got both the experience and target audience rapport that you're looking for. I've built two corporate training programs from scratch and developed the kind of interactive video programs that you're looking to create. When employees fill out feedback forms, they speak highly of my professionalism and clarity that they've encountered. Here’s a quick example. A close friend of mine on your marketing team says that this company is a great cultural fit given my background and values. I have an insatiable level of curiosity and tend to do lots of research on any topic that I'm less than an expert in. And I know your values include constant learning. That really resonates with my passion. I'm just eager to become part of a fast-growing, mission-oriented organization like yours. Why this answer worked well:He spoke about his core strengths in a way that related to the job requirements.He used favorable feedback from some of his previous coworkers, and their positive observations were helpful.He talked about why he was a good cultural fit for the organization.",
+ category: "General",
+ },
+ {
+ question: "Why do you want to work here?",
+ sampleAnswer: "The first thing that prompted me to apply is your commitment to service. I've been a customer for five years since I first bought a house. We had a big storm that damaged my roof last year, and I was impressed by how caring and prompt your customer service representatives were as I worked through it. I'm also excited about your upcoming merger. I can see how this is going to set you apart in the insurance industry. I'd love to help you through the process of integrating the two companies. Having supported a merger three years ago, I know what an intricate and stressful process that can be. I have a few specific ideas on how I might ease the transition. Lastly, I applied because I see this as an opportunity for me to broaden my financial services experience. This seems to be a natural fit based on my understanding of regulated industries. Why this answer worked well:He has done his homework and sees an opportunity to help this company through a challenging and exciting transition.He made it about them first and then wove in some of his own personal career goals.",
+ category: "General",
+ },
+ {
+ question: "What kind of tech team dynamic do you excel in?",
+ sampleAnswer: "I am coming into this interview process as a very experienced candidate. I started out my career at a company that was very methodical and top-down, and over my career I have seen innovation occur in a very decentralized bottom-up approach. Managers, in this later context, are mentors and colleagues as much as they are bosses. I have tried to shape and gravitate towards team dynamics where senior leadership sets clear parameters for conduct and goals to achieve—without micromanaging all the execution details. In effect, I aim for the best of both worlds. The overall dynamic should be geared towards innovating, hopefully in a fail-fast incremental basis that enables us to delight our customers and allows us to learn from their feedback. This makes work exciting and meaningful and would keep our offering fresh. Why this answer worked well:It showed two contrasting choices with clear tradeoffs.It used the question to demonstrate experience.It made the case that you don’t need to choose between the two options and that both can co-exist and help teams succeed. It closed with a focus on tangible outcomes dedicated to the customer, which is a great touch—especially with an approach geared towards learning.",
+ category: "Software Engineering",
+ },
+ {
+ question: "Let’s say there are two kinds of tech workers: the innovators and the executors. Which of these categories do you fit into?",
+ sampleAnswer: "I believe that engineers need to have a sense of the larger product vision. Additionally, they also need to understand what it takes to execute and get an idea from 0 to 1. At present, I still want to stay close to the execution since I enjoy the thrill of iterating on a product, getting smaller features out, receiving feedback, and finally getting an MVP out the door to push growth and revenue. Eventually, I want to lead a suite of products that will help our strategic vision of creating a connected workforce and establish a track record of delivering products that will set me up for success. I feel like I can help your company accomplish its product roadmap and boost my own career in the process. Why this answer worked well:The candidate co-opted both approaches and still made an explicit choice.It explained why one approach was chosen over the other.The candidate framed the choice as part of a larger career journey rather than a random choice.",
+ category: "Software Engineering",
+ },
+ {
+ question: "How do you measure success for yourself technically?",
+ sampleAnswer: "I think an example will explain both how I focus on the customers and how helping them defines my success. In my roles as a professional services engineer, I have to make our products more configurable so that customers can create settings that meet their needs. Since our products are inherently very flexible, it makes no sense that all customers are forced to use the same settings. I have built tools that allow customers to easily toggle options and make the tools work the way they want. I measure my success in flawlessly deploying these features in a timely fashion and ensuring that a diverse set of customers adopt our tools, which leads to customer loyalty and growth in revenue. Why this answer worked well:The candidate was customer-centric, which is an increasingly desired quality in tech candidates.The candidate explained product capability and how the work made more of it possible for the end users.The success criteria were measurable.",
+ category: "Software Engineering",
+ },
+ {
+ question: "Why do you think that technical teams need to be inclusive and represent a variety of backgrounds?",
+ sampleAnswer: "Inclusivity is about ensuring your team and its products reflect the world we live in and the improvements we wish to make. In my previous role, I led a team of engineers to build chat features so customer service divisions could easily type messages in English. We had a new team member join whose spoken language was not English. Using her insights, we were able to build a new feature that auto-completed messages for non-native English speakers so the tool becomes more accessible for them. This is what inclusivity means to me: inclusive teams make more inclusive products, which means happier customers and more growth and revenue. Why this answer worked well:It defined the term clearly right away.It showed how using inclusivity in a team as a bridge to products and customers makes an example more relatable.It married the definition of inclusivity with measurable outcomes, which is a great way to close out the answer.",
+ category: "Software Engineering",
+ },
+ {
+ question: "When you join a new technical initiative, what is the first thing you do?",
+ sampleAnswer: "Based on my research, I have found that your company prefers for incoming engineers to get their hands dirty right away. They learn by joining existing initiatives, shadowing engineering leads and completing tasks that enable them to learn the stack and forge relationships. I will find an area that is short of help, and I am optimistic that such needs exist given your company’s four key growth areas. Having done that, I’ll also help debug and scale existing capabilities. That will give me a sense of the core and tech landscape while adding value as well. Upon demonstrating my capabilities, I will start setting goals to own specific functionality that I can take from 0 to 1, with the trust of the team that I will have earned in my early days. Why this answer worked well:It was based in the company culture, which showed prior effort to gain knowledge and research.It demonstrated an onboarding strategy crafted to produce near and long-term wins.It ended on an aspirational note about ownership.",
+ category: "Software Engineering",
+ },
+];
+
+export default questions;
\ No newline at end of file
diff --git a/src/components/Interview/Sidebar/Sidebar.jsx b/src/components/Interview/Sidebar/Sidebar.jsx
new file mode 100644
index 0000000..1d497a2
--- /dev/null
+++ b/src/components/Interview/Sidebar/Sidebar.jsx
@@ -0,0 +1,50 @@
+import React, { useState } from 'react'
+import questions from '../Questions';
+import "./Sidebar.scss";
+
+function Sidebar(props) {
+ const {
+ active,
+ setActive,
+ category,
+ setCategory
+ } = props;
+
+ const handleChange = (e) => {
+ setCategory(e.target.value);
+ }
+
+ return (
+