Ecommerce App with Angular | Angular 17 Project | Admin Application
HTML-код
- Опубликовано: 10 янв 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.github.io/bigbaske...
Learn From me
angularacademy.in
Connect With Me
chat.whatsapp.com/BcKALY2eGab...
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/voidChetan
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectideas.com
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 🙏
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
Just seeing this video so elegant so beautiful just looking like a 🤩😍wow
where is the next video? thank you for this video by the way. Very clearly and simply explained.
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
Glad I found it please complete remaining flow
very helpfull sir ... love from pak
great👋👋👋👋
It's very helpful 😊😊
How did you create that json file api? Pls help. Unable to create and fetch data from api.
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.
great going
Thanks
Thanks Sir 🎉 great content
Always welcome
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
it's awesome
Superb. Great Content. Thanks alot . Keep it up
Welcome . Keep watching
when will you be uploading its second part?@@LearningPartnerDigital
Great sir
Thanks
Great job! Please make a full stack project with hibernate in the backend!
can you call api without block cors policy
@@thinhstarnguyen8205 yes
Great content sr
Thanks 👍
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.
thx man
I am getting errors with API when I am fetching the categories in the dropdown through the API, can someone please help me?
Best one
Thanks
My layout page is not visible after submiting the form ...where I did mistake I wrote the same code.
good one to start with 17
thanks for sharing
My pleasure
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?
you havent told properly the use of async pipes . if i remove async pipe still the code is working.
Use environment in angular v17 to store api endpoint
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
Sir where we find that api list I am not getting please help i am stuck in the middle of the project.
got error in navigateByUrl ('/product'), Does not exist on Type Router
#angular#angular17
Pls tell how to create apis
Why the api link don't work ?
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.
Please create a project using signals as well
yes I am going to create a series dedicated to New Things in Angular 17 soon.
Man I can't use the api. Please help bro I'm stuck in between. PLEASE GIVE A SOLUTION
Excelente projeto, posso refazer e por no meu github?
obrigado, tente preencher a inscrição completa
How I. Can get api
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.
ruclips.net/video/DKgm40em9Mg/видео.html
for post request i am getting cross origin error
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
thanks for sharing. Can we use that api?
Yes absolutely. api's are free to use
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
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 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
do show us how to create library routing in angular
Do you mean angular library.?
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
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
api is working showing error :Cors error
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🥺
Any projects or playlist of Angular 12?
do visit channel. Play list for project is thr
unable to access the swagger page of the API. Please help.
Please connect me on LinkedIn
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
can we use json server Api? here
Yes..create same json files n use it
Show a video an calculations in add to cart and total
In next part will cover website flow
HttpErrorResponse
While connecting category how to slove this problem
Anyone
is this php??
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 ?
Sir one ecommerce project on react with admin panel
Yes sure that's on my list
Where we can see the api and diagram for this project
Pls connect on LinkedIn
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
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
What is the total Techstack used in this video?
Dot net api + angular
admin folder why you don't make a admin cart?
Didn't get your question
Can u help me about HttpErrorResponse ?.I can not get data from api.
Same issue
Can u resolve it
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!!
I can't see your api! Can you help me to see api?
Check swagger in that big basket api is there
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
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
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
Nice one but 😂 'right' is being over used
Got it. Keep watching
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
Did anyone complete the project?
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
Hi bro, Apis not working
Which one?
audio is very low
I Think back is down
Sir ji thoda video banate ho to middle me right right baar baar mat boliye irritate hota hain
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.
🤣🤣🤣
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