Full Stack Intern Task 1

What You’ll Do:

1. Make it Real: Turn our Figma design into a working web chat interface.

2. Responsive is Key: We want this chat to look great on any device, big or small.

3. Add Some Spark: Get those basic interactive bits in – like sending messages (just pretend for now) and flipping through chat histories.

Tools of the Trade:

• Framework: React.js or Next.js (Bonus points if Next.js is used)

• The Blueprint: Check out the Figma link. Stick to it as closely as you can.

• Features to Include:
• Show a bunch of chat conversations.
• Let users click on a chat to see past messages.
• A place to type new messages and a button to 'send' them (no need to actually send anything).

• No Backend, No Worries: Just focus on the front. Use dummy data to simulate the chats.

What to Hand In:

1. The Code: The GitHub repository link.

2. See it Live: A link to where we can see your work in action (Vercel, GitHub Pages, Netlify, etc.).

3. The Inside Scoop: A README that tells us how to get it running and any cool things you want us to know about your approach.

How We'll Check It Out:

• Match the Design: How closely does your work match our Figma design?

• Code Neatness: We love clean, well-organized code.

• It Works!: Do the features you implemented do what they’re supposed to?

• Looks Good Everywhere: Does it adjust nicely to different screen sizes?

• Tell Us About It: How well you’ve documented your work.

Where to Find the Design:

• Here’s the Figma link: https://www.figma.com/file/xmrJ2n2h0MzXVNlWQqqAZ0/Chat-Interface-(FSD-Task)?type=design&node-id=0-1&mode=design