Видео

This error typically occurs when your application can't connect to the MongoDB server within the specified timeout. Here are a few quick tips to resolve it: - Check MongoDB Connection: Ensure your MongoDB server is running and the connection string in your code is correct. - Network Issues: Verify there are no firewall or network restrictions blocking the connection. - Database URL: Double-check if you’re using the correct database URL for local or cloud (like MongoDB Atlas). - Increase Timeout: If needed, you can increase the timeout in your connection options.

@CodeElevate but how can I increase the time ?

👍

👍

No, this project doesn't use multi-threading. It's a simple implementation without concurrent processing. If you're interested in adding multi-threading, feel free to explore it for performance improvements in future projects! 😊

👍

Yes!

Sure! The website link in the video description has the source code you need.

Hi! For the 401 Unauthorized error, please double-check the API path and ensure the request payload variables match exactly with what the Spring Boot application is expecting. Small discrepancies can sometimes cause this error.

Sure! The website link in the video description has the source code you need.

I also have a problem logging in POST localhost:8080/authenticate Have you found a solution to the problem?

A 403 Forbidden error usually means there’s a permissions or access issue. Check your API permissions or authentication settings.

fixed it u can just remove or comment this <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> <version>0.9.1</version> </dependency>

Thanks! 😊 I'm working hard on it and uploading a new video every other day to keep the project moving quickly. Stay tuned for more updates!

Sure! The website link in the video description has the source code you need. Thanks for watching!

Angular 16

package com.spring.configs; import jakarta.servlet.*; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Value; import org.springframework.core.Ordered; import org.springframework.core.annotation.Order; import org.springframework.stereotype.Component; import java.io.IOException; import java.util.HashMap; import java.util.Map; @Component @Order(Ordered.HIGHEST_PRECEDENCE) public class SimpleCorsFilter implements Filter { @Value("${app.client.url}") private String clientAppUrl = ""; public SimpleCorsFilter() { } @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) res; HttpServletRequest request = (HttpServletRequest) req; Map<String, String> map = new HashMap<>(); String originHeader = request.getHeader("origin"); response.setHeader("Access-Control-Allow-Origin", originHeader); response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Headers", "*"); if ("OPTIONS".equalsIgnoreCase(request.getMethod())) { response.setStatus(HttpServletResponse.SC_OK); } else { chain.doFilter(req, res); } } @Override public void init(FilterConfig filterConfig) { } @Override public void destroy() { } }

Hello! Thanks for reaching out. Sure, feel free to DM us with your thumbnail samples. Here’s the link: instagram.com/usmaniqbal437/

Thank you for reaching out, and your English is perfectly clear! 😊 It sounds like it might be a path issue. Make sure you’ve included the complete and correct path. For example, if this component is part of the admin module, the path should be '/admin/company/ad/{{ad.id}}'. Please double-check these details, and let me know if it helps!

Hey! I understand things have changed with Angular 16 & 17+. I’ll be updating the Angular version in an upcoming project video. If you want the same results for this project, I recommend using the same version as in the video. Thanks for your patience! 😊

ng new ProjectName --no-standalone generate your angular project with this

Could you please mention the timestamp where you're asking about adding LocalDate? Happy to help!

Great point! 👍 For anyone starting this series, it’s best to install Angular version 16.0.0 for compatibility. This will help you follow along smoothly without version-related issues. Thanks for the reminder!

Thank you so much! 🙌 Glad you're enjoying the series. I'll keep the content coming! 👍

Hellp, you can DM us on Instagram: instagram.com/usmaniqbal437/

Sure! The website link in the video description has the source code you need. Thanks for watching!

Hey! I'm uploading the tutorials step by step, so stay tuned for the frontend part. Thanks for following along!

package com.spring.configs; import jakarta.servlet.*; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; import org.springframework.beans.factory.annotation.Value; import org.springframework.core.Ordered; import org.springframework.core.annotation.Order; import org.springframework.stereotype.Component; import java.io.IOException; import java.util.HashMap; import java.util.Map; @Component @Order(Ordered.HIGHEST_PRECEDENCE) public class SimpleCorsFilter implements Filter { @Value("${app.client.url}") private String clientAppUrl = ""; public SimpleCorsFilter() { } @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) res; HttpServletRequest request = (HttpServletRequest) req; Map<String, String> map = new HashMap<>(); String originHeader = request.getHeader("origin"); response.setHeader("Access-Control-Allow-Origin", originHeader); response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Headers", "*"); if ("OPTIONS".equalsIgnoreCase(request.getMethod())) { response.setStatus(HttpServletResponse.SC_OK); } else { chain.doFilter(req, res); } } @Override public void init(FilterConfig filterConfig) { } @Override public void destroy() { } }

Thank you for your question! These are the two playlists for the project. The first playlist covers the Spring Boot implementation, including database creation and API development. The second playlist focuses on the Angular implementation, which works with the Spring Boot backend. You can find all the details about database creation in the first playlist. Expense & Income Tracker Project with Spring Boot series: ruclips.net/p/PLvJa0Vs1x3dUk6ih2u9fhu0GnWCjdGoOo Expense & Income Tracker Project with Angular series: ruclips.net/p/PLvJa0Vs1x3dVGwbnqFV-gkibRAhIfewZj Hope this helps!

Thanks for the love from Nepal! 🙌 I’ll definitely consider making a video on createBrowserRouter, RouterProvider, and how Outlet works with parent and child routes. Stay tuned for a simple example soon!

Oops! Looks like 32nd won this grammar battle 😅 Fixing it now!

You can access the source code of the project from this website: codemarketplace.github.io/

Thanks! Give it a try, and let me know how it goes! 👍

@@CodeElevate sure bro I'll take up that part

You can access the source code of the project from this website: codemarketplace.github.io/

Hi! A 403 (Forbidden) error usually means there's an issue with permissions. Please double-check your API endpoint permissions and ensure your credentials are correct. Feel free to share more details if the issue persists, and I'll try to help further.

can u give source code

Thanks for the feedback! I'll make sure to add timestamps to future videos to make it easier for everyone. 😊

Thanks for the suggestion, bhai! That's a great idea. I'll definitely consider creating a tutorial on Microservices architecture with Angular and Spring Boot in the future. Stay tuned!

@@CodeElevate 🤗🤗

No, this project doesn't include machine learning (ML). It's focused on building the service booking system using Angular, Spring Boot, and MySQL.

Hi Siddharth, thanks for reaching out! Could you provide more details on what specific topic or area you need the base paper for? I'll be happy to help if I can. 😊

You're very welcome! Glad you found it helpful! 😊

Thank you for always following along! 🎉 Your support means a lot!

Thank you so much, glad you're enjoying the content! 🙌 The 403 error usually means there's an issue with authentication, possibly missing or invalid credentials. Double-check your token or API keys, and make sure you're logged in properly. Feel free to share more details if it persists-happy to help! Also, no worries about your English, it's great! 😊

@@CodeElevate Hello, how are you? I can't resolve the Forbidden (403) error. I inspected the JWT and checked the token and it is creating. The urls are also the same as your project and it is ok. I added this code snippet in the WebSecurityConfig ".authorizeHttpRequests().requestMatchers("/api/company/ad/**").hasRole("COMPANY")" and it still gives the same error. I made sure that the user trying to create the ad really has the COMPANY role in the database and that it is being loaded correctly with the loadUserByUsername method. I checked the /api/company/ad/{userId} endpoint and it is correct. CORS, since you didn't show all the code, I searched the internet and implemented it my way. Anyway, I don't know what else it could be, is there any way you can help me, if you can I would be very grateful.

@@CodeElevate Hello, how are you? You still have the same Forbidden (403) problem. To check, I have already added verification like ".authorizeHttpRequests().requestMatchers("/api/company/ad/**").hasRole("COMPANY")" in WebSecurityConfig. I have already inspected the JWT looking for problems with the authentication filter and everything is correct, it generates the token correctly. I checked the user roles and it is correct, the COMPANY role is persisting correctly in the database and the UserDetailsServiceImpl.loadUserByUsername() method is loading the roles correctly. Check the specific permissions to the /api/company/ad/{userId} endpoint and it is correct. As for CORS (SimpleCorsFilter), since you did not show all the code, I searched the web. I don't know what else to do to fix it, can you show me your SimpleCorsFilter file? Or if you can help me in any way, I would really appreciate it.

@@CodeElevate Hello, how are you? You still have the same Forbidden (403) problem. To check, I have already added verification as requestMatchers "/api/company/ad/**" and hasRole("COMPANY")" in WebSecurityConfig. I have already inspected the JWT looking for problems with the authentication filter and everything is correct, it generates the token correctly. I checked the user roles and it is correct, the COMPANY role is persisting correctly in the database and the UserDetailsServiceImpl.loadUserByUsername() method is loading the roles correctly. Check the specific permissions to the /api/company/ad/{userId} endpoint and it is correct. As for CORS (SimpleCorsFilter), since you did not show all the code, I searched the web. I don't know what else to do to fix it, can you show me your SimpleCorsFilter file? Or if you can help me in any way, I would be very grateful

Thanks for the suggestion! I'll definitely make a detailed tutorial on setting up back-end and front-end folders in the same GitHub repo soon. Stay tuned 😁!

Hey! I understand things have changed with Angular 16 & 17+. I’ll be updating the Angular version in an upcoming project video. If you want the same results for this project, I recommend using the same version as in the video. Thanks for your patience! 😊

Hey! That's a great idea! I'll definitely work on something for JavaScript interview prep soon. Stay tuned, and thanks for the suggestion! 💡

mport { NgModule } from '@angular/core'; import { NzAffixModule } from 'ng-zorro-antd/affix'; import { NzAlertModule } from 'ng-zorro-antd/alert'; import { NzAnchorModule } from 'ng-zorro-antd/anchor'; import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete'; import { NzAvatarModule } from 'ng-zorro-antd/avatar'; import { NzBackTopModule } from 'ng-zorro-antd/back-top'; import { NzBadgeModule } from 'ng-zorro-antd/badge'; import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzCalendarModule } from 'ng-zorro-antd/calendar'; import { NzCardModule } from 'ng-zorro-antd/card'; import { NzCarouselModule } from 'ng-zorro-antd/carousel'; import { NzCascaderModule } from 'ng-zorro-antd/cascader'; import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; import { NzCollapseModule } from 'ng-zorro-antd/collapse'; import { NzCommentModule } from 'ng-zorro-antd/comment'; import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation'; import { NzTransButtonModule } from 'ng-zorro-antd/core/trans-button'; import { NzWaveModule } from 'ng-zorro-antd/core/wave'; import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions'; import { NzDividerModule } from 'ng-zorro-antd/divider'; import { NzDrawerModule } from 'ng-zorro-antd/drawer'; import { NzDropDownModule } from 'ng-zorro-antd/dropdown'; import { NzEmptyModule } from 'ng-zorro-antd/empty'; import { NzFormModule } from 'ng-zorro-antd/form'; import { NzGridModule } from 'ng-zorro-antd/grid'; import { NzI18nModule } from 'ng-zorro-antd/i18n'; import { NzIconModule } from 'ng-zorro-antd/icon'; import { NzImageModule } from 'ng-zorro-antd/image'; import { NzInputModule } from 'ng-zorro-antd/input'; import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; import { NzLayoutModule } from 'ng-zorro-antd/layout'; import { NzListModule } from 'ng-zorro-antd/list'; import { NzMentionModule } from 'ng-zorro-antd/mention'; import { NzMenuModule } from 'ng-zorro-antd/menu'; import { NzMessageModule } from 'ng-zorro-antd/message'; import { NzModalModule } from 'ng-zorro-antd/modal'; import { NzNotificationModule } from 'ng-zorro-antd/notification'; import { NzPageHeaderModule } from 'ng-zorro-antd/page-header'; import { NzPaginationModule } from 'ng-zorro-antd/pagination'; import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'; import { NzPopoverModule } from 'ng-zorro-antd/popover'; import { NzProgressModule } from 'ng-zorro-antd/progress'; import { NzRadioModule } from 'ng-zorro-antd/radio'; import { NzRateModule } from 'ng-zorro-antd/rate'; import { NzResultModule } from 'ng-zorro-antd/result'; import { NzSelectModule } from 'ng-zorro-antd/select'; import { NzSkeletonModule } from 'ng-zorro-antd/skeleton'; import { NzSliderModule } from 'ng-zorro-antd/slider'; import { NzSpinModule } from 'ng-zorro-antd/spin'; import { NzStatisticModule } from 'ng-zorro-antd/statistic'; import { NzStepsModule } from 'ng-zorro-antd/steps'; import { NzSwitchModule } from 'ng-zorro-antd/switch'; import { NzTableModule } from 'ng-zorro-antd/table'; import { NzTabsModule } from 'ng-zorro-antd/tabs'; import { NzTagModule } from 'ng-zorro-antd/tag'; import { NzTimePickerModule } from 'ng-zorro-antd/time-picker'; import { NzTimelineModule } from 'ng-zorro-antd/timeline'; import { NzToolTipModule } from 'ng-zorro-antd/tooltip'; import { NzTransferModule } from 'ng-zorro-antd/transfer'; import { NzTreeModule } from 'ng-zorro-antd/tree'; import { NzTreeViewModule } from 'ng-zorro-antd/tree-view'; import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select'; import { NzTypographyModule } from 'ng-zorro-antd/typography'; import { NzUploadModule } from 'ng-zorro-antd/upload'; import { NzResizableModule } from 'ng-zorro-antd/resizable'; import { NzPipesModule } from 'ng-zorro-antd/pipes'; @NgModule({ exports: [ NzAffixModule, NzAlertModule, NzAnchorModule, NzAutocompleteModule, NzAvatarModule, NzBackTopModule, NzBadgeModule, NzButtonModule, NzBreadCrumbModule, NzCalendarModule, NzCardModule, NzCarouselModule, NzCascaderModule, NzCheckboxModule, NzCollapseModule, NzCommentModule, NzDatePickerModule, NzDescriptionsModule, NzDividerModule, NzDrawerModule, NzDropDownModule, NzEmptyModule, NzFormModule, NzGridModule, NzI18nModule, NzIconModule, NzImageModule, NzInputModule, NzInputNumberModule, NzLayoutModule, NzListModule, NzMentionModule, NzMenuModule, NzMessageModule, NzModalModule, NzNoAnimationModule, NzNotificationModule, NzPageHeaderModule, NzPaginationModule, NzPopconfirmModule, NzPopoverModule, NzProgressModule, NzRadioModule, NzRateModule, NzResultModule, NzSelectModule, NzSkeletonModule, NzSliderModule, NzSpinModule, NzStatisticModule, NzStepsModule, NzSwitchModule, NzTableModule, NzTabsModule, NzTagModule, NzTimePickerModule, NzTimelineModule, NzToolTipModule, NzTransButtonModule, NzTransferModule, NzTreeModule, NzTreeViewModule, NzTreeSelectModule, NzTypographyModule, NzUploadModule, NzWaveModule, NzResizableModule, NzPipesModule, ] }) export class DemoNgZorroAntdModule { }

Check if your API endpoint is correct and that the server is running. Also, make sure there are no CORS issues blocking the request in the browser. Let me know if you need further help!

You can access the source code of the project from this website: codemarketplace.github.io/