I used the ReactJS. Next.js and TailwincCSS stack for my app.
I assume the user should be able to access more than 5 stocks if the database allows it.
Additional to the requirements, the app features the following:
- Case handling in case user wants to pick another exchange
- Reusable components like Button, Navbar or Message
- Scalable code (the chat is based on a message array which can be used for possible future features like message editing or history)
- Scroll to bottom functionality for the chatbox
To set up the app, use your preferred package manager to install all dependencies:
npm install
# or
yarn
# or
pnpm install
Open http://localhost:3000 with your browser to see the result.
To get the app running, simply use the following Next.js basic instructions:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.