μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Cyril from CodeCake
2024. 5. 7.
π Welcome to this complete full-stack development guide where we're creating an Airbnb clone using some of the latest and most efficient technologies in 2024! In this YouTube tutorial, we'll dive deep into using Spring Boot 3 for our backend development, Angular 17 for the frontend, and integrate PrimeNG for sleek and responsive UI components. Our database management will be handled by PostgreSQL, ensuring robust data handling, and for secure authentication, we're utilizing Auth0. Key Features : - π Booking management for travelers - π Landlord reservation management - π Search for houses by criteria (location, date, guests, beds, etc) - π Authentication and Authorization (Role management) with Auth0 (OAuth2) - π’ Domain-driven design π― By the end of this tutorial, you'll have a fully functional Airbnb clone and a deeper understanding of how to create a full-stack application from scratch. You'll be equipped with the knowledge to tackle similar large-scale projects and incorporate these technologies into your future endeavors. π¬ Join the conversation! Drop your questions and feedback in the comments section below. Donβt forget to subscribe and hit the notification bell to stay updated on more tutorials like this. Let's get coding and bring this project to life! Happy coding! Source code (Angular) : https://github.com/C0de-cake/airbnb-clone-frontend Source code Backend (Spring boot) : https://github.com/C0de-cake/airbnb-clone-backend Each commit comes with a chapter Chapitres: - 01:16 Generate the frontend and the layout (Frontend) - 31:48 Generate Backend (Backend) - 52:59 Authentication and Authorization (Auth0) (Backend) - 01:22:32 Authentication and Authorization (Auth0) (Frontend) - 01:40:07 Create a listing for landlord (Backend) - 02:02:07 Create a listing for landlord (Frontend) - 03:28:59 Landlord listing (Backend) - 03:39:39 Landlord listing (Frontend) - 04:08:19 Listing by category (Backend) - 04:12:05 Listing by category (Frontend) - 04:27:04 Display listing (Backend) - 04:34:06 Display listing (Frontend) - 04:52:18 Reservation system (Backend) - 05:05:47 Reservation system (Frontend) - 05:26:35 My booking (Backend) - 05:36:28 My booking (Frontend) - 05:49:32 My reservation (Backend) - 05:56:29 My reservation (Frontend) - 06:05:16 Search (Backend) - 06:13:13 Search (Frontend) - 06:40:08 Conclusion Resources: Lien vers le spring boot starter (backend) https://start.spring.io/#!type=maven-project&language=java&platformVersion=3.2.5&packaging=jar&jvmVersion=21&groupId=fr.codecake&artifactId=airbnb-clone-back&name=airbnb-clone-back&description=Airbnb%20Clone%20API&packageName=fr.codecake.airbnb-clone-back&dependencies=devtools,web,security,oauth2-client,okta,liquibase,postgresql,data-jpa Font folder : https://github.com/C0de-cake/airbnb-clone-frontend/tree/main/src/assets/fonts Folder theme PrimeNG https://github.com/C0de-cake/airbnb-clone-frontend/tree/main/src/assets/scss Style sheet https://github.com/C0de-cake/airbnb-clone-frontend/blob/main/src/styles.scss Folder DB ChangeLog (Liquibase configuration) https://github.com/C0de-cake/airbnb-clone-backend/tree/main/src/main/resources/db/changelog application.yml (Configuration de spring boot) https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application.yml https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application-dev.yml https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application-prod.yml Objet State front https://github.com/C0de-cake/airbnb-clone-frontend/blob/main/src/app/core/model/state.model.ts Objet state back https://github.com/C0de-cake/airbnb-clone-backend/tree/main/src/main/java/fr/codecake/airbnbclone/sharedkernel/service
λ©νμ½λ© μ 체 μ λ£λμμ 50νλ‘ ν μΈ μ΄λ²€νΈ μ§νμ€μ λλ€. λ€μ΄λ² λ©νμ½λ© κΉν νμκ°μ ν κ°μ μΈμ¬μ μ΄λ©μΌ λ¨κ²¨μ£ΌμΈμ. https://cafe.naver.com/metacoding μ λ£ λμμ κ°μλ μ΄μ§μ ν΄λμ€μ μ λ‘λ λμ΄μμ΅λλ€. https://easyupclass.e-itwill.com/ κ²μ : λ©νμ½λ©
2023. 11. 29.
Anthropic introduces Contextual RAG and here are some key points! Embeddings+BM25 is better than embeddings on their own; Voyage and Gemini have the best embeddings of the ones we tested; Passing the top-20 chunks to the model is more effective than just the top-10 or top-5; Adding context to chunks improves retrieval accuracy a lot; Reranking is better than no reranking; All these benefits stack: to maximize performance improvements, we can combine contextual embeddings (from Voyage or Gemini) with contextual BM25, plus a reranking step, and adding the 20 chunks to the prompt. π Links π https://www.anthropic.com/news/contextual-retrieval β€οΈ If you want to support the channel β€οΈ Support here: Patreon - https://www.patreon.com/1littlecoder/ Ko-Fi - https://ko-fi.com/1littlecoder π§ Follow me on π§ Twitter - https://twitter.com/1littlecoder Linkedin - https://www.linkedin.com/in/amrrs/
2024. 9. 23.
Learn how your JavaScript code is parsed, compiled, and executed, step-by-step. Free JavaScript Course: https://www.skool.com/web-dev-mastery π Sections 0:00 JavaScript Engine 0:33 How JavaScript is Executed 2:08 Development Mode 3:08 Production Mode 3:53 Node.js 4:36 What Can You Build with JavaScript?
2024. 7. 30.
In this tutorial I showed step by step how to build a fullstack voting system desktop app with Electron JS and Laravel I used the following technologies Electron Forge React JS ChartJS-React TypeScript Redux-Toolkit Laravel Laravel JWT for login Please subscribe to my YouTube channel it motivates me to do more tutorials like this Note: I later changed to HashRouter because BrowserRouter didn't work well Links Follow me on GitHub Link to the lesson files on GitHub The files for both the Electron JS app and the backend API are in the same repository but on different branches: Electron JS is on the main branch and the Laravel API is on the voting-api branch Electron JS files https://github.com/paulosabayomi/database-voting-system-with-electron-js-nd-laravel/tree/main Laravel files https://github.com/paulosabayomi/database-voting-system-with-electron-js-nd-laravel/tree/voting-api Electron JS documentation https://www.electronjs.org/docs/latest/ Electron Forge documentation https://www.electronforge.io/#creating-a-new-app Laravel https://laravel.com/docs/11.x/installation Laravel JWT https://laravel-jwt-auth.readthedocs.io/en/stable/quick-start/ Axios https://www.npmjs.com/package/axios React Router https://reactrouter.com/en/main/start/overview Hash router https://reactrouter.com/en/main/routers/create-hash-router Redux Toolkit https://redux-toolkit.js.org/introduction/getting-started TypeScript https://redux-toolkit.js.org/tutorials/typescript Bootstrap https://mdbootstrap.com/docs/react/getting-started/installation/ ChartJS https://www.chartjs.org/docs/latest/ CharJS React https://react-chartjs-2.js.org/ Electron Store https://www.npmjs.com/package/electron-store JWT decode https://www.npmjs.com/package/jwt-decode
2024. 5. 31.
μΆμ² : EBS λ΄μ€
2024. 6. 10.
WANT to create a business selling courses and content? Go here: https://fermion.app WANT to learn programming? Go here: https://codedamn.com Follow me on other platforms to stay connected: https://x.com/mehulmpt https://instagram.com/mehulmpt
2024. 10. 6.