Ecommerce App with Angular | Angular 17 Project | Admin Application
Вставка
- Опубліковано 11 вер 2024
- In this Series I will be completing Angular ecommerce application Admin and Website modules.
We will try to implement this with Angular 17.
In this Particular video I have Completed Admin Module like below
1) Project Creation & Components Creation
2) Products Creation
3) Category List
4) API call functions in service
Part : 2 • Ecommerce App with Ang...
Final Part : • Ecommerce In Angular |...
Live Version
voidchetan.git...
angular 18 tutorial with project | angular real time projects | angular project ideas | angular project for experienced | angular sample project step by step | angular project with source code | angular 18 Projects | Angular project | angular project from scratch
Learn From me
angularacademy.in
Connect With Me
chat.whatsapp....
Ecommerce website in angular.
ecommerce application in angular.
ecommerce angular.
angular ecommerce.
Angular 17 ecommerce.
angular 17 projects
You can find Code on GitHub
github.com/voi...
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectide...
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#ecommerce
#angular17
#angularproject
Please keep making more such informative and educational Angular 17 videos.
The tutorial provides clear explanations and examples for each concept, making it easy to understand and follow along. The teaching style is engaging and interactive, allowing learners to actively participate and apply the concepts in real-time
Thanks 🙏
@@LearningPartnerDigital you used updateProduct API in the onSave function and then used saveProduct API in the onUpdate function. Hence the error
sir, u are simply great. I have seen many tuts related to Ang . but this one is ausumn. u cover max parts with ease, show us perfect process to work on live project. Thanks.❤❤❤
Thanks
Incredible work! The attention to detail and creativity really shine through. Thanks for sharing this amazing project! Please keep making more projects Chetan :).
Thank you! Will do!
Hi my friend. I tried to do it, but the api doesn't work for me. It says there is no access to the api.
How did you create that json file api? Pls help. Unable to create and fetch data from api.
Thank you very much for creating real time projects it will very helpful for learning
Thank you very much sir...all the best for your future...🎉
Thanks keep watching
Super efforts and appreciated bro, thanks.
Just seeing this video so elegant so beautiful just looking like a 🤩😍wow
Great job! Please make a full stack project with hibernate in the backend!
can you call api without block cors policy
@@thinhstarnguyen8205 yes
hi, is it somehow possible to use a kind of link productname for the landing page and for the product where you have to register this app.productname
great👋👋👋👋
I have created the workspace but couldn't find folders such as assets, environment etc few files where mission how can I get those
I assume it's not full stack from scratch because of 1.5 hours? I see alot of short clone projects on youtube. Would be nice to see full development cycle from scratch to deployment? Thanks.
the project is inside a series of 3 videos. Go to the description of this video and you will discover the other videos.
I was making Jera clone but I was unable to hit Api I am getting Cors Error what should I do
Why the api link don't work ?
where is the next video? thank you for this video by the way. Very clearly and simply explained.
Good video :) It would be great if you uploaded the backend of this project to github to learn and practice please. Thank you, I await your response.
It's very helpful 😊😊
Thanks Sir 🎉 great content
Always welcome
very helpfull sir ... love from pak
Superb. Great Content. Thanks alot . Keep it up
Welcome . Keep watching
when will you be uploading its second part?@@LearningPartnerDigital
Hi sir, im getting cors error while calling api in getallcategory method, kindly give access its urgent angular project
great going
Thanks
Glad I found it please complete remaining flow
Bro not getting all code and lisstle bit confuse so can you give full access of this code
it's awesome
you havent told properly the use of async pipes . if i remove async pipe still the code is working.
sir or video banaho related to angular logic build like different way to transfer data with example and what is ssr in angular and what is canactive and canactivechild and viewchild viewchildren how to send data through routing banaho sir he sab concept me video banaho i saw you miss this sir
Humble Suggestion :: If freeAPI thing isn't free anymore, I'd request you to provide example JSON files against each API so that we could create a mock JSON server and practice.
ua-cam.com/video/DKgm40em9Mg/v-deo.html
My layout page is not visible after submiting the form ...where I did mistake I wrote the same code.
Sir where we find that api list I am not getting please help i am stuck in the middle of the project.
I am getting errors with API when I am fetching the categories in the dropdown through the API, can someone please help me?
i have same issue can you find what this issue
@@maheshvlogger0710 hi same did you get resolved?
Where can I find the fruitables1.0.0? I can't find it on your github repo? Thank you.
What about migration to the host, is there a video? There are a lot of videos on localhost:4200...and then what?
Great sir
Thanks
Great content sr
Thanks 👍
Great work a Chetan!! This is very informative.
Please the api is giving a CORS error, how do I go about it? Thanks!
Let me check
I have the same problem
@@LearningPartnerDigital did you check bro
Even I have this issue can anyone help me plz
got error in navigateByUrl ('/product'), Does not exist on Type Router
Please create a project using signals as well
yes I am going to create a series dedicated to New Things in Angular 17 soon.
Best one
Thanks
thanks for sharing
My pleasure
for post request i am getting cross origin error
thx man
how do i get the access to your api file or provide if there's a link of the api how you create then you may share in coment section please reply as soon as you can???
www.linkedin.com/in/chetan-jogi-a87148ba pls connect
good one to start with 17
at least show how u create a project..for those who are new at least they get it
Can u check tutorial videos as this was more focused on eCommerce application so didn't cover from setup
Man I can't use the api. Please help bro I'm stuck in between. PLEASE GIVE A SOLUTION
Use environment in angular v17 to store api endpoint
what needs to be done to make access of ur apis. bcoz i am getting error while i am using ur apis
pls do connect on LinkedIn
admin folder why you don't make a admin cart?
Didn't get your question
Hi Sir, if we import same module(CommonModule, UI control modules etc.,) in multiple components, will it increase bundle size? is moving to standalone component necessary in existing projects which follow ngModules?
Yes in standalone - simple rule what ever you use u import it
@@LearningPartnerDigital reg. Bundle size ?
I can't see your api! Can you help me to see api?
Check swagger in that big basket api is there
the api page is asking us to Register and pay a certain amount then only we will be able to access the api :(
Yes please do register
is this php??
api is working showing error :Cors error
HttpErrorResponse
While connecting category how to slove this problem
Anyone
Sir can you please make an full fledged project in angular where we covered every new topic in angular
Please follow this one only will complete all flow from admin to website
when you will upload the second part?@@LearningPartnerDigital
Hi , website of api which u refered found to be suspicious for malware. what to do? please help
www.linkedin.com/in/chetan-jogi-a87148ba. Please do connect
What is the total Techstack used in this video?
Dot net api + angular
#angular#angular17
hii , while I try to run from my local i'm getting cross origin error in all api why?can somebody help on this?
me too
please upload continuation of this project till end
Sure
Excelente projeto, posso refazer e por no meu github?
obrigado, tente preencher a inscrição completa
I have following your steps but my productList will fetch the data automatically I don't know where I went wrong, can you please help me in that
Sry I didn't get ur question. Product list not having data .?
Yes you have created product like cauliflower, capsicum that will showed in left side product list. I didn’t even added any product, but in product list, product is showing without adding them. I have crossed checked your video also everything is same. Why it happened I don’t understand. Can you please explain it
@@sonaliojha7094 same api is there same database table is there. That's why what products I have created are visible to u also
Yes I fixed it just now , thank you, u r doing great work!!
Sir my project is working but my category select is not showing in the form.
me too. Are you fix done it
@@thinhstarnguyen8205 are u done it
Same issue with me
when will you be uploading its second part? @LearningPartnerDigital
In 1-2 days
@@LearningPartnerDigital it will be very helpful if you make apis in Flask
do show us how to create library routing in angular
Do you mean angular library.?
Pls tell how to create apis
unable to access the swagger page of the API. Please help.
Please connect me on LinkedIn
How I. Can get api
thanks for sharing. Can we use that api?
Yes absolutely. api's are free to use
@@LearningPartnerDigitalno getting cors error pls give me access its very urgent project for me
@@LearningPartnerDigitali tried to connect you on LinkedIn but your message are locked its showing locked symbol can't able to connect with you
Any projects or playlist of Angular 12?
do visit channel. Play list for project is thr
Can u help me about HttpErrorResponse ?.I can not get data from api.
Same issue
Can u resolve it
Where we can see the api and diagram for this project
Pls connect on LinkedIn
Did anyone complete the project?
how to change get all category products name Instead of fruit with other names pls help
Update api is not there I think you can create a new category
@@LearningPartnerDigital How to create please help me🥺
Chetan sir I am unable to Access to XMLHttpRequest at 'freeapi.miniprojectideas.com/api/BigBasket/' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Pls connect on LinkedIn
@@LearningPartnerDigital just now I followed you but I am unable to message you
Did you found any solution for it
@@shashwatdeo7511 we have to pay 500 to get free apis
api url is not working
Pls connect on LinkedIn
Show a video an calculations in add to cart and total
In next part will cover website flow
can we use json server Api? here
Yes..create same json files n use it
plz teach us how to create category from admin panel ===> parent child relation
Ok..I was hoping to skip that..but will implement in next video
thx man, i am looking for this functionality for a long time and i have asked you before... i want you to teach us first how to create a specific category and the assign one or more categories to it.... and also how to show these categories in ui... how we should loop over them inorder to show them.... for example category-1 is the parent, it has 4 child (category-1.1 / category-1.2 / category-1.3 / category-1.4) and then child category-1.3 has 3 categories (category-1.3.1 / category-1.3.2 / category-1.3.3 ) where these categories are the grand child of category-1 @@LearningPartnerDigital
audio is very low
sir no offence, but you saying 'right' after every sentence is irritating.
Note taken. Will work on this. Thanks
You’re not a serious being. You probably weren’t here to learn
Right
@geepy5708 right.😂
Aside from joke, don't assume everyone is like you. Some people get easily irritated by repeated words, especially in a long hours lecture like this, I'm one of those. It's not in our hand, it's psychological, hope you understand.
🤣🤣🤣
From where I can get api for bigbasket
It is mentioned in video description
@@LearningPartnerDigital there is not big basket
how to get he api url?
Pls connect on LinkedIn
Sir ji thoda video banate ho to middle me right right baar baar mat boliye irritate hota hain
how to create product== upload product image / product gallery / assign category / tag / content
Yes.. product page is like that..but is doesn't have tags ..and multiple products gallary..with single image I have done it..wil change api today..to add multiple image on a product
thx man, i really appreciate what you are doing for angular community@@LearningPartnerDigital
if its possible plz also teach how to show progress bar when uploading an image to the server@@LearningPartnerDigital
Hi bro, Apis not working
Which one?
Nice one but 😂 'right' is being over used
Got it. Keep watching
sir i want angular 16 projects from scratch to advance .please provide angular 16 projects
Can u plz visit channel videos so many projects are there with older angular versions with free api to use
@@LearningPartnerDigitalsir I need angular 16 .all the projects are either 15 or previous version or 17.please help me out bhaiya! I am an intern in startup guruji! Please help me out! I need an angular 16 project with proper admin features.
sir please reply
@@somnathpramanik6430 as I mentioned all my previous projects are with older versions ..but full project are not there.I just explain main functionality in video not whole project
I Think back is down
Great job! Please make a full stack project with nestJs in the backend!
Sure will try
How did you create that json file api? Pls help. Unable to create and fetch data from api.
me too. i has been block by cors policy