C#•14mo ago

✅ Vue js + .Net Web Api

Hi, I am new to VueJS and web API. I have a new task to create a simple application.
fronted Vue.js
Backend is Web API.

this My Point To Complete

1.) Implement a simple web application using Vue JS which contains a navbar on the top of the page and this navbar will contain a notifications component (with a bell icon). This notifications component needs to be a Vue JS component. This notification icon will notify the incoming notifications by popping up with the number of incoming notifications. This is similar to incoming notifications you see on Facebook/Instagram. Also, the notifications should be in real-time. So, you can use Asp.net SignalrR for real-time functionality.
2.) You can create a .NET 8 web API for posting notifications. And as soon as you call the posting endpoint in the Web API, the notification icon in the navbar of the Vue web application should show incoming notification with some glowing indication and number of incoming unread messages.

My doubt is how to create the application differently. I want to create the VueJS spearte and Web Api Sepater. Any One Can Help Me

TeBeCo•10/30/24, 4:52 PM

dotnet new webapi -n Your.Name.Apidotnet new webapi -n Your.Name.Api

TeBeCo•10/30/24, 5:11 PM

repo/
 app/
  package.json
 api/ (or bff/)
  Your.Api.sln
  src/
    Your.Api/
      Your.Api.csproj

repo/
 app/
  package.json
 api/ (or bff/)
  Your.Api.sln
  src/
    Your.Api/
      Your.Api.csproj

MuraliOP•10/31/24, 6:56 AM

Okay, I have an idea this, like I want to create the web API in Visual Studio 2022 and VueJS in VS Code that the partten @TeBeCo

TeBeCo•10/31/24, 6:56 AM

yeah so that's what i said above

TeBeCo•10/31/24, 6:56 AM

dotnet new webapi -n Your.Name.Api dotnet new webapi -n Your.Name.Api

TeBeCo•10/31/24, 6:56 AM

that creates a project of type webapi

TeBeCo•10/31/24, 6:56 AM

if you want to do it via your IDE of choice, go for it

TeBeCo•10/31/24, 6:57 AM

¯\_(ツ)_/¯

TeBeCo•10/31/24, 6:57 AM

$close

TTeBeCo $close

MODiX•10/31/24, 6:57 AM

If you have no further questions, please use /close to mark the forum thread as answered

MuraliOP•10/31/24, 6:58 AM

@TeBeCo so i want to creat the project vue js in vs code and .net api in visual studio 2022 how to conntect the app

TeBeCo•10/31/24, 6:58 AM

you're repeating what you've said above

TeBeCo•10/31/24, 6:58 AM

create it

TeBeCo•10/31/24, 6:58 AM

that's how you do it

TeBeCo•10/31/24, 6:58 AM

create the project

TeBeCo•10/31/24, 6:59 AM

for Vue, go to the VueJsVueJs website

TeBeCo•10/31/24, 6:59 AM

and read their doc

TeBeCo•10/31/24, 6:59 AM

and create the project

TeBeCo•10/31/24, 6:59 AM

that's all

MuraliOP•10/31/24, 6:59 AM

Okay Thanks

TeBeCo•10/31/24, 6:59 AM

for now you don't seem to have any quesiton

TeBeCo•10/31/24, 6:59 AM

so I suppose you should close this ticket

MuraliOP•10/31/24, 6:59 AM

i have another doubt can i ask

TeBeCo•10/31/24, 6:59 AM

create the 2 project

TeBeCo•10/31/24, 6:59 AM

try to use

fetch()

fetch()

TeBeCo•10/31/24, 6:59 AM

and open a ticket here if you're blocked

TeBeCo•10/31/24, 7:00 AM

for now it look like you need to actually create both project

TeBeCo•10/31/24, 7:00 AM

and try to put code inside

MMurali i have another doubt can i ask

TeBeCo•10/31/24, 7:00 AM

sure

MuraliOP•10/31/24, 7:00 AM

Create another Vue JS application which Contains a Small Calling toolbar with buttons like “Receive Call”, “Dial Call”,”Mute/Unmute”,”Pause/Continue” and actually making a phone call to a phone number and receiving a phone call from any number using VOIP technology (voice over IP)
Once you are done with the solution you can host the application on some public url so that we can test it and also send the source code by uploading it to git or by sending a zip file of the code.

this my task how to creat it

MuraliOP•10/31/24, 7:01 AM

this also two project

TeBeCo•10/31/24, 7:01 AM

all that seems to be VueJs specific

TeBeCo•10/31/24, 7:01 AM

and brower specific

TeBeCo•10/31/24, 7:01 AM

and JS specific

TeBeCo•10/31/24, 7:01 AM

am I wrong ?

TeBeCo•10/31/24, 7:02 AM

also it's ultra vague

TeBeCo•10/31/24, 7:02 AM

so there's 2 way to approach that

TeBeCo•10/31/24, 7:02 AM

1: you will have to probably ask on a server that indeed is JS related regarding that specific topic

TeBeCo•10/31/24, 7:02 AM

2: create both project first before thinking you have an issue

TeBeCo•10/31/24, 7:03 AM

my point is ... at this point of your project, you should spend more time creating the project / repo / try to just do normal

fetch()

fetch()

and API call to ensure both communicate

TeBeCo•10/31/24, 7:03 AM

instead of already thinking about possible UI related things thaty you cannot even do because you didn't create a project

TeBeCo•10/31/24, 7:03 AM

also who ever you ask these UI question, you havent provided any context yet

MuraliOP•10/31/24, 7:04 AM

okay

TeBeCo•10/31/24, 7:04 AM

beisde "a button i can click"

TeBeCo•10/31/24, 7:04 AM

and it will do absolutly nothing anyway until you add some context

TeBeCo•10/31/24, 7:04 AM

because you will have to add VOIP before anyway

MuraliOP•10/31/24, 7:04 AM

okay

TeBeCo•10/31/24, 7:04 AM

$close

TTeBeCo $close

MODiX•10/31/24, 7:04 AM

If you have no further questions, please use /close to mark the forum thread as answered

TeBeCo•10/31/24, 7:05 AM

re-open a thread when you'll have question I suppose

✅ Vue js + .Net Web Api

Similar Threads

Similar Threads

Similar Threads