Ques 1 ) What kind of problem did u face in sorting visualizer project

Ans - Rendering smooth animations, especially when swapping elements, was

tricky. The color-changing part was particularly challenging. Di;erent colors were
used to represent various states of the elements—like comparisons, swaps, and
sorted elements. Ensuring that these color changes occurred at the right time and
smoothly transitioned without overlap or glitches required careful coordination
between the sorting logic and the CSS/JavaScript animations.

Ques 2) What kind of problem did u face in Book Store Project

Ans - 3.

• Color and Theme Consistency: While designing the UI, ensuring that the color
scheme and layout remained consistent across the app was a challenge,
particularl y with diGerent themes for diGerent components. Maintaining
readability and user engagement while ensuring the UI was visually appealing
was diGicult, especially in elements like buttons, cards, and text for diGerent
modes.
• Challenge: Handling CRUD (Create, Read, Update, Delete) operations for books,
especially synchronizing the frontend and backend while maintaining a clean
code structure.
Solution: You structured your backend API to handle these operations using
RESTful routes and used Axios to fetch or update data. Ensuring proper error
handling and validation on both client and server side was essential.
• Latency and Response Time:
Issue: Since Gemini AI relies on external API calls to generate responses, there
can be a noticeable delay in response times, especially when handling complex
queries or dealing with large volumes of data.
Impact: This could degrade the user experience, as users may become
frustrated by slow chatbot responses.
Solution Implement loading indicators to inform users that a response is in
progress.
• Scalability Issue – gemini can’t handle so many request as of now ( limited
tokens)

Ques3 ) What technologies did you use to build the project, and why did you choose
them?
 1. MERN Stack (MongoDB, Express.js, React, Node.js):

• MongoDB: Used for the database to store book data, user information, and cart
details. It was chosen for its flexibility in handling various data types and
scalability for handling multiple transactions.

• Express.js: This framework was used to build the backend and create APIs. It
simplifies the development process and works eGiciently with Node.js.

• React: Chosen for the frontend because of its component-based structure and
eGicient rendering, which makes it ideal for dynamic and interactive user
interfaces, such as searching for books and managing user accounts.

• Node.js: Used as the runtime environment to execute JavaScript on the server

side, providing a unified JavaScript stack.

2. Google Books API: Integrated for users to search and retrieve books from a vast
database. It adds value by allowing users to access real-time book information.
3. Tailwind CSS & Daisy UI: These were used for styling. Tailwind CSS was chosen
for its utility-first approach, making styling more eGicient, while Daisy UI
provided pre-built components for a faster design process.
4. Gemini AI for Chatbot: Integrated to allow users to ask questions about books,
making the app interactive. It was chosen for its advanced AI capabilities and
ease of integration with API calls.

Ques 4 ) Alternatives

1. Backend-
Django (Python) instead of Express.js:

• Why: Django oGers a more structured framework with built-in features like an
admin panel, authentication, and ORM, making it quicker to set up. Python is
also known for being beginner-friendly.

• Why not: It's more opinionated, which might restrict flexibility compared to
Express.js.

2. Database

• PostgreSQL instead of MongoDB:

o Why: PostgreSQL oGers ACID compliance and is better suited for

structured data and complex queries, providing more reliability for
relational data.

o Why not: MongoDB is more flexible with unstructured or semi-structured

data, which might be preferable for storing diverse book-related data.
3. Frontend

• Vue.js or Angular instead of React:

o Vue.js: It has a simpler learning curve than React and is easier for small
teams or solo developers to adopt. It also oGers reactive data binding out
of the box.

o Angular: More suitable for large-scale enterprise apps as it comes with a

complete framework, including routing, state management, and HTTP
services.

o Why not: React has a larger community, more resources, and simpler
component reusability patterns, making it ideal for rapidly building
modern, scalable UIs.

4. Styling

• Bootstrap or Material UI instead of Tailwind CSS & Daisy UI:

o Bootstrap: It comes with a robust set of pre-designed components and is

widely used in industry, which can accelerate development.

o Material UI: Based on Google’s Material Design principles, it oGers a

polished and consistent look with pre-built components and great
documentation.

o Why not: Tailwind oGers more control and customization at a granular

level without imposing design choices, while Daisy UI adds convenience
with pre-built components.

8. Cloud/Hosting – Vercel was free

Ques5) Where did you host the website

I hosted BookSphere on Vercel, a platform known for its seamless integration with
frontend frameworks like React. I chose Vercel because:

• Ease of Deployment: Vercel provides an intuitive, one-click deployment

process, making it easy to deploy full-stack applications.

• CI/CD Integration: It automatically deploys new builds whenever I push code

changes to the repository, streamlining the development workflow.

• Performance: Vercel optimizes for performance with features like automatic

scaling, caching, and edge network delivery, ensuring fast load times for users.
 How did you ensure your application performs well as the number of users
grows?

• You could talk about database indexing, caching strategies, lazy loading, or
pagination.

What strategies did you implement to optimize API performance?

• Discuss how you optimized your API for speed and eGiciency (e.g., reducing API
call frequency, using pagination).

( Yeh Part ka answer GPT pe hai acche se padh lena iccha ho toh nahi toh mei orally bata
dunga .. they might Ask ki Kya improvement kr skte ho )

Testing done by Postman mostly ( yeh bata dena ki Saare routes pe Check kra tha
postman se )

Also Thoda sa Browser Dev Tools Ka idea rkh lena ( if you want yeh bhi mei orally bata
dunga kismei Kya hota hai ( waise mei pehle bata chuka hu if you want wapas kr lenge ))