Build and Deploy a Waste Management App with Next.js ,Typescript, TailwindCSS & Gemini AI

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

Комментарии • 232

  • @abwebmaster3
    @abwebmaster3 28 дней назад +4

    This guy is good. Not just the code but the uncommon ideas. It look common but most people will not think of this. You got a sub

    • @albertmends
      @albertmends  28 дней назад +1

      Thanks for your kind words ♥️🙌

  • @gabrielchima6916
    @gabrielchima6916 2 месяца назад +11

    Wow, This is impressive Albert, I never knew we have such a genius here😃 You 've got a subscriber and a like

  • @derekkahongomukenge1888
    @derekkahongomukenge1888 2 месяца назад +18

    Bro thank you for making me a nextjs dev. God Bless you

  • @aryansingh3502
    @aryansingh3502 2 месяца назад +6

    Awesome brother... subscriber and supporter from India...Love you buddy
    Keep posting...

  • @shodwana
    @shodwana 2 месяца назад +2

    Amazing project , I am have prioritised this to my immediate project. Especially when it talks about this subject, I have also subscribed to your channel

  • @javascriptgeek
    @javascriptgeek 2 месяца назад +1

    Amazing! Adding it to my to-do List! Also Channel Subscribed!

  • @ernestbayah1640
    @ernestbayah1640 2 месяца назад +1

    I just followed you because of this impressive app. Keep up d good work 👏

  • @yantech.4249
    @yantech.4249 2 месяца назад +2

    Well Done @Albert Mends with this project 🎉

  • @i_vishalsah01
    @i_vishalsah01 2 месяца назад +1

    Was waiting for this looking forward to build this and add some value to my profile as well🥳

  • @HomesProp
    @HomesProp 2 месяца назад +1

    Awesome. Very impressive project.

  • @collinsk8754
    @collinsk8754 2 месяца назад +1

    Great App! Very neat UI 🔥🔥

  • @abhinav2470
    @abhinav2470 2 месяца назад +2

    Awesome content man , can't wait to code it along. I was actually thinking about using it as a SAAS , can't wait to put in my ideas onto this

  • @sahinhossain8049
    @sahinhossain8049 2 месяца назад +1

    Great Job. I will start building soon.

  • @motlalepulasello8775
    @motlalepulasello8775 2 месяца назад +1

    Awesome! You do quick work🎉

  • @mo.x9013
    @mo.x9013 2 месяца назад +1

    thank you your channel hidden gem

  • @davidaffran7447
    @davidaffran7447 2 месяца назад +1

    Thanks bro. Great job! God Bless you. 🙏

  • @regilearn2138
    @regilearn2138 2 месяца назад +8

    please do a video on redux toolkit and Tanstack query together in one project and use React hook form also with typescript

  • @ThanhTran27507
    @ThanhTran27507 2 месяца назад +2

    amazing, I'm doing same idea with project . With waste classification, use AI to generate some things can recycle from this waste

  • @newHorizon985
    @newHorizon985 Месяц назад +1

    Hello Albert
    I want to say that you should make a video of how to integrate our custom Ai model into MERN web or app
    Because main issue i have seen is the integration part
    Btw this channel is the best and need more exposure

  • @abemindepth
    @abemindepth 2 месяца назад +3

    Assigning google as a waste was so hilarious

    • @albertmends
      @albertmends  2 месяца назад +1

      😂

    • @abemindepth
      @abemindepth 2 месяца назад +1

      @@albertmends But good ui, and also great tutorial tho

    • @albertmends
      @albertmends  2 месяца назад +1

      @@abemindepth thanks 🙏 appreciated

  • @dannyyebs
    @dannyyebs 2 месяца назад +1

    Another great video 😍.

  • @2ru2pacFan
    @2ru2pacFan 2 месяца назад +3

    Amazing! Can you do a project that is a HR system that deals with contracts and employee leave?

    • @albertmends
      @albertmends  2 месяца назад +1

      alright I will add it to future apps!

    • @2ru2pacFan
      @2ru2pacFan 2 месяца назад

      @@albertmends thank you so much! I'll keep a look out for your videos 👌🏼 ♥

  • @rezwanulhaque9935
    @rezwanulhaque9935 2 месяца назад +1

    great. we want more advance project from you through MERN or NEXT-14 JS using Redux, Typescript, Next Auth, Animation etc.

  • @WiziwigeAgario
    @WiziwigeAgario 2 месяца назад +1

    cool design !

  • @artyCrafty4564
    @artyCrafty4564 2 месяца назад +1

    Awesome ! gave you a star bruh !

  • @MenteCuriosa-Oficial
    @MenteCuriosa-Oficial Месяц назад +1

    "Hello! I would like to suggest a very useful project for your channel: a complete school management software. It would allow for the registration of students and teachers, the inclusion of grades, tracking of school attendance, and also have a robust financial area. In this area, it would be possible to issue invoices for guardians, track payments, and generate the teachers' payroll. It would be amazing to see the development of a system with all these features, teaching step by step how to create a practical and efficient solution for schools!"

    • @albertmends
      @albertmends  Месяц назад

      Thanks for the suggestion .. appreciate

  • @hoangkietnguyenhuu
    @hoangkietnguyenhuu 2 месяца назад +1

    Amazing bro

  • @piyushkhandelwal9546
    @piyushkhandelwal9546 Месяц назад +1

    very nice

  • @Lucidfinder
    @Lucidfinder 2 месяца назад +5

    Can you next build AI mock interview application using gemini AI voice powdered

  • @laafomedia2256
    @laafomedia2256 2 месяца назад +1

    amazing busi idea

  • @CarlosTello-m8h
    @CarlosTello-m8h 2 месяца назад +1

    nice UI

  • @lukmonabdulsalam
    @lukmonabdulsalam 2 месяца назад +2

    and also please always add a hosted url maybe vercel, netlify or something

  • @Tarunkumar_Gatla
    @Tarunkumar_Gatla 2 дня назад +1

    What does redeem mean exactly? What are we redeeming?

  • @IBNEKAYESH
    @IBNEKAYESH 2 месяца назад +1

    amazing !!!

  • @AnujKumar-pn3mv
    @AnujKumar-pn3mv Месяц назад +2

    while enabling google maps api key it is asking for billing and card details but I don't have that. How can I ?

    • @albertmends
      @albertmends  Месяц назад

      Unfortunately google maps isn't free. So a credit card is required

  • @nimaymalik2041
    @nimaymalik2041 7 дней назад +2

    sir my image is not verifying with the please help me I matched your code twice with mine

    • @albertmends
      @albertmends  7 дней назад

      The full source code is in the description

  • @ThanhTran27507
    @ThanhTran27507 25 дней назад +1

    I got error when run npm install, there are some conflics between packages

    • @albertmends
      @albertmends  25 дней назад +1

      Yeah that happens most at times .. what error are you getting specifically?

  • @adriancamota2453
    @adriancamota2453 Месяц назад +2

    I can't push my database do I need to install postgres SQL?

    • @albertmends
      @albertmends  Месяц назад

      you have to install drizzle orm or neon serverless package

    • @Anya_._
      @Anya_._ Месяц назад

      I'm really stuck here. Not able to go forward

  • @chandankumarchandankumar5601
    @chandankumarchandankumar5601 19 дней назад +1

    Is this is best for final year project ?

    • @albertmends
      @albertmends  19 дней назад

      Yes as long as you modify it a little bit

  • @danhmlnh6732
    @danhmlnh6732 Месяц назад +1

    I have a question, I just started learning MERN stack so can I see this project as a sample to make a project for me ?

  • @CasManny-s1j
    @CasManny-s1j 2 месяца назад +1

    more projects with drizzle orm

  • @coding_tunnel1
    @coding_tunnel1 2 месяца назад +1

    By the way So impressive project. I want to make this Project using python flask or react can you suggest me some tips.🙂

  • @soumodeepdas550
    @soumodeepdas550 14 дней назад +1

    Your project was working fine in my machine , until the last few days whenever am reporting a waste its not giving result in the frontend , instead its showing up in the console , its saying "failed to parse json response" , can you help me ?

    • @albertmends
      @albertmends  13 дней назад

      When that happens try it over and over again… its a prompt issue

    • @soumodeepdas550
      @soumodeepdas550 12 дней назад

      @@albertmends sorry to say but the issue still persists , should i change to a different model or try a different prompt ?

    • @atharvsabale8044
      @atharvsabale8044 12 дней назад

      i am facing an issue when i do npm install issue related ethers version can you plz give me your github project link

    • @albertmends
      @albertmends  12 дней назад

      @@soumodeepdas550 use gemini-1.5-pro or any of their other models

    • @albertmends
      @albertmends  12 дней назад

      @@atharvsabale8044 github.com/mendsalbert/zero-to-hero

  • @learncreative4732
    @learncreative4732 2 месяца назад +2

    2:23:37 this error occur due to naming convention ,next js env file api name start with NEXT_PUBLIC_DB_URL

  • @achrefnabil2463
    @achrefnabil2463 2 месяца назад +1

    Thanks bro can you build crm project ❤❤

  • @brianneilbabasa4647
    @brianneilbabasa4647 28 дней назад +1

    hello again, we copied and do your tutorial. our google map api, report page (cant verify) and the collection also. what will be the solution here??

    • @albertmends
      @albertmends  28 дней назад +2

      Create your own database endpoint (using neon console) and also create your own google map api key if you haven’t done that already

  • @1000SABELO
    @1000SABELO 2 месяца назад +1

    Where do you get your designs? They are so beautiful.

    • @albertmends
      @albertmends  2 месяца назад +1

      I designed them myself 😊

  • @jeonmiku6592
    @jeonmiku6592 2 месяца назад +3

    plz can u do a ecommerce app for supermarket with including Market Basket Analysis (MBA), AI/ML for Predictions, Seasonal Analysis .

    • @kookieperera5324
      @kookieperera5324 2 месяца назад +1

      Yes a mobile application plz.. can u do it bro

    • @albertmends
      @albertmends  2 месяца назад +1

      Mobile app development will start next year! React Native

    • @gideonodiokineh3145
      @gideonodiokineh3145 2 месяца назад

      @@albertmends Please, do it using nextjs.

  • @AIInsights23
    @AIInsights23 2 месяца назад +1

    Hello i just code the project but the problem is i can upload the same waste photo many times and get point so now i code the hash for every photo you submit

    • @albertmends
      @albertmends  2 месяца назад

      That would be a brilliant solution. Kindly request for Pull Request so that I can merge it to the code base!

  • @kanieseiya4134
    @kanieseiya4134 2 месяца назад +1

    Sir in the description u mentioned that u r using openai api? Its used for what?

    • @albertmends
      @albertmends  2 месяца назад

      Sorry for that… its a mistake

  • @ThanhTran27507
    @ThanhTran27507 26 дней назад +1

    can you add env example for me to know what i can do

    • @albertmends
      @albertmends  26 дней назад

      NEXT_PUBLIC_GEMINI_API_KEY=
      NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=

  • @emefienemmichael6983
    @emefienemmichael6983 3 часа назад

    i’m trying to login but it is throwing an error login modal is not initialized and i’ve spent two days and looked at yours thoroughly, please help out

  • @rohitmane625
    @rohitmane625 2 месяца назад +2

    hey man can you make a full stack project use Nextjs and Mongodb monstly

  • @SekharSekhar-w8w
    @SekharSekhar-w8w 8 дней назад +1

    Npx shhadcn@latest init is not working on my vscode.. what to do??? 😢

    • @albertmends
      @albertmends  6 дней назад +1

      Try double-checking the command or clearing the npm cache with `npm cache clean --force`.

  • @Sumitkumar-u4f6k
    @Sumitkumar-u4f6k 16 часов назад

    Can i use mongodb instead of neo console

  • @suryanshshukla4357
    @suryanshshukla4357 2 месяца назад +1

    just few doubts before starting
    1= Is this project not using any paid API services
    2= Do I have to pay For using Gemini AI as I am a beginner I don't know anything about how to use Gemini AI
    do let me know these as later I don't wanna stuck because of these

    • @albertmends
      @albertmends  2 месяца назад

      Every technology used in this project is free

    • @suryanshshukla4357
      @suryanshshukla4357 2 месяца назад

      ​@@albertmends Sir Can you pls provide the deployment link of this project if it is available
      and About Gemini AI I have never used it before so it ok to start?

  • @emadabdelhamid7011
    @emadabdelhamid7011 Месяц назад +1

    when i submit report it gives me a message to login although I am alr logged in is this a database problem or what

    • @albertmends
      @albertmends  25 дней назад

      Probably database… check your console for more details on the error

  • @Sumitkumar-u4f6k
    @Sumitkumar-u4f6k 16 часов назад

    My source code is not connected with neonconsole what i have to do

  • @atharvasachan3027
    @atharvasachan3027 2 месяца назад +1

    Hey Albert could you please tell when will the web3 version of this project be released.. Please try to publish it before 27. BTW new subscriber.

  • @rusirusandaruwan8065
    @rusirusandaruwan8065 23 дня назад +1

    Can you build a full application for hospital management with AI?

    • @albertmends
      @albertmends  22 дня назад

      Sure… I will add it to pending projects

  • @m_anees123
    @m_anees123 2 месяца назад +3

  • @ADRIANCAMOTA-k3f
    @ADRIANCAMOTA-k3f Месяц назад +1

    how to use npx shadcn@latest init its not wworking on my vs code, to I need extension?

    • @albertmends
      @albertmends  Месяц назад

      Have you ever installed shadcn on your machine before?

    • @adriancamota2453
      @adriancamota2453 Месяц назад +1

      I find the solution but I'm stuck on pushing my database

    • @albertmends
      @albertmends  Месяц назад

      @@adriancamota2453 what is the error you are getting?

  • @videosdaora5501
    @videosdaora5501 Месяц назад +1

    Great project, do you have the figma ? I would like to code by my self.

    • @albertmends
      @albertmends  Месяц назад

      There is no figma for this project unfortunately

    • @videosdaora5501
      @videosdaora5501 Месяц назад

      @@albertmends no problem, thanks bro.

  • @viratRahul1618
    @viratRahul1618 2 месяца назад +1

    Please make a few 🍁 PYTHON, AI and ML 🍁 projects also bro...

    • @albertmends
      @albertmends  2 месяца назад

      Sure thing!

    • @viratRahul1618
      @viratRahul1618 2 месяца назад

      @@albertmends just I didn't understand deployment. Everything else I am able to get it

  • @optimusprime844
    @optimusprime844 2 месяца назад +1

    Bro thanks, can you make a video hosting this app on a vps

  • @areebamirza7562
    @areebamirza7562 2 месяца назад +1

    Which code editor he's using....

  • @snehasri124
    @snehasri124 26 дней назад +1

    How can we perform this using mongodb

    • @albertmends
      @albertmends  26 дней назад

      That would require you to create backend

  • @ADRIANCAMOTA-k3f
    @ADRIANCAMOTA-k3f 2 месяца назад +2

    I'm interested to do this but as a student but I have no idea how to set up my visual studio code like this

    • @albertmends
      @albertmends  2 месяца назад +4

      In my next video I will show you guys how to setup the code editor and coding environment

    • @brianneilbabasa4647
      @brianneilbabasa4647 2 месяца назад +1

      @@albertmends hello can you show us how you setup next js and other key technologies. Thank you

    • @brianneilbabasa4647
      @brianneilbabasa4647 2 месяца назад

      you just gain a subscriber . Thank you

    • @ADRIANCAMOTA-k3f
      @ADRIANCAMOTA-k3f 2 месяца назад

      @@albertmends thanks a lot, looking forward for the next video ;)

    • @ADRIANCAMOTA-k3f
      @ADRIANCAMOTA-k3f 2 месяца назад

      @@brianneilbabasa4647 bro hit the notification bell and subscribe, so we stay updated

  • @Aryan-lg7ty
    @Aryan-lg7ty 2 месяца назад +1

    Can anyone tell what should we claim from the reward points that are generated... And what's our profit who is making website

    • @albertmends
      @albertmends  Месяц назад +1

      Ermm... I haven't really think about this ..what do you suggest?

    • @albertmends
      @albertmends  День назад +1

      @@Tarunkumar_Gatla redeem points is supposed to convert your earned points into the a native token.

    • @albertmends
      @albertmends  День назад

      @@Tarunkumar_Gatlathere is a blockchain version of this app and has that feature. So part 2 of this video will have that implementation

    • @albertmends
      @albertmends  День назад

      @@Tarunkumar_GatlaA native token is a primary digital asset that operates on specific blockchain network…

  • @Aryan-lg7ty
    @Aryan-lg7ty 2 месяца назад +1

    Sir can you please upload the second part of this vedio till Wednesday please

    • @albertmends
      @albertmends  Месяц назад

      Part 2 dropping next month

    • @Aryan-lg7ty
      @Aryan-lg7ty Месяц назад

      @@albertmends thankyou so much sir

  • @afaqahmad8918
    @afaqahmad8918 2 месяца назад +1

    leaving book mark 51:29

  • @BECKAVIYAC
    @BECKAVIYAC Месяц назад +1

    Could you start a good course on web development for freshers from non it departments

    • @albertmends
      @albertmends  Месяц назад +1

      I have that in the pipeline 🚀

    • @BECKAVIYAC
      @BECKAVIYAC Месяц назад

      @@albertmends That's nice🙌

  • @Homelander_30
    @Homelander_30 2 месяца назад +1

    What's your vs code theme btw, it looks cool!! Default?

    • @albertmends
      @albertmends  2 месяца назад

      I use cursor ai default theme

    • @Homelander_30
      @Homelander_30 2 месяца назад

      ​@@albertmends i couldn't find, theme name itself a cursor ai theme?

    • @albertmends
      @albertmends  2 месяца назад

      @@Homelander_30cursor ai is the code editor

    • @Homelander_30
      @Homelander_30 2 месяца назад

      @@albertmends okay

  • @nurumohammed3772
    @nurumohammed3772 2 месяца назад +1

    hey sir in the project I installed the @react-google-maps/api but it saies can't find module or its corresponding type declarations . how to fix?

    • @albertmends
      @albertmends  2 месяца назад +2

      Install the types for it as well

    • @nurumohammed3772
      @nurumohammed3772 2 месяца назад

      @@albertmends ok now it work successfully thanks. but when I create google map api key it called to card to finish setup is master card mandatory for free

  • @mr.fabian8471
    @mr.fabian8471 2 месяца назад +1

    thanks

  • @adarshpatil02
    @adarshpatil02 Месяц назад +1

    please can you do the same project in MERN and upload it on youtube!!!!

  • @suratasaha6332
    @suratasaha6332 2 месяца назад +1

    Awesome work! Is source code free?

  • @sultanofficialff7977
    @sultanofficialff7977 Месяц назад +1

    Hi brother can you pls implement the complete block chain concept and make it web 3.0 it will vw rdally grateful. Kindly respond?

  • @abhirajgaikwad6247
    @abhirajgaikwad6247 Месяц назад +1

    plz can you tell me where can we host this one???

    • @albertmends
      @albertmends  Месяц назад +1

      netlify or vercel either works fine

  • @MsPokemonTube
    @MsPokemonTube 2 месяца назад +1

    What theme is that?

  • @brianneilbabasa4647
    @brianneilbabasa4647 2 месяца назад +1

    how can i run your github repo on my computer. I want to check your project. thank you

    • @albertmends
      @albertmends  2 месяца назад +1

      Fork it or clone it

    • @brianneilbabasa4647
      @brianneilbabasa4647 2 месяца назад +1

      @@albertmends do i have to download any extension to run it? Sorry new to programming

    • @albertmends
      @albertmends  2 месяца назад

      @@brianneilbabasa4647 yes

  • @ADRIANCAMOTA-k3f
    @ADRIANCAMOTA-k3f Месяц назад +1

    how to run the source code?

  • @motorsyard2384
    @motorsyard2384 24 дня назад +1

    where i can host it

    • @albertmends
      @albertmends  24 дня назад

      Netlify, vercel or any other hosting platform

  • @HaroldDefree-ow8kz
    @HaroldDefree-ow8kz 2 месяца назад +1

    Hello i will like to work on it can i have de designe
    please

  • @uchihadeivid
    @uchihadeivid 2 месяца назад +1

    Bro, how could you help me create a SaaS to sell software with a subscription model and tutorial videos for users when they subscribe and view the support materials and videos?

  • @sujal6061
    @sujal6061 Месяц назад +1

    Can u make a college enquiry chatbot

    • @albertmends
      @albertmends  Месяц назад

      sure ... added to my pending projects

  • @emadabdelhamid7011
    @emadabdelhamid7011 Месяц назад +1

    gemeni ai and google maps are not working with me can anyone helps

    • @AnujKumar-pn3mv
      @AnujKumar-pn3mv Месяц назад

      gemini api can be easily generated but that google map key is asking card details and all

    • @emadabdelhamid7011
      @emadabdelhamid7011 Месяц назад

      @@AnujKumar-pn3mv how gemeni can be created i can't

    • @AnujKumar-pn3mv
      @AnujKumar-pn3mv Месяц назад

      @@emadabdelhamid7011 just go to first Google cloud console and create project if u can't find chat gpt how to create a project in cloud and then search gemini api and create api option select project which u created in Google cloud conolse

    • @AnujKumar-pn3mv
      @AnujKumar-pn3mv Месяц назад

      @@emadabdelhamid7011maps thing he should have not used mann , it's asking for credit card

    • @emadabdelhamid7011
      @emadabdelhamid7011 Месяц назад

      @@AnujKumar-pn3mv yes

  • @yagamilight-jg5wh
    @yagamilight-jg5wh 2 месяца назад +1

    google map api is askng for card number

    • @albertmends
      @albertmends  2 месяца назад

      Really?

    • @yagamilight-jg5wh
      @yagamilight-jg5wh 2 месяца назад

      @@albertmends yes it is!! and web3auth is hell lot slow... just use any other better auth provider!!

  • @sandhyayadav9003
    @sandhyayadav9003 17 дней назад +1

    02:36:03

  • @bowaller6892
    @bowaller6892 2 месяца назад +1

    Thanks for the video. Just waiting for this. I think the free credits for Gemini AI is not free for Europe right? This trash image is from my country OMG.

    • @albertmends
      @albertmends  2 месяца назад

      Really? I am not aware of that but I think its free everywhere

    • @bowaller6892
      @bowaller6892 2 месяца назад +1

      @@albertmends I check the list with available countries and now are added a lot of countries... In the repo add the example env...

  • @spashak6
    @spashak6 2 месяца назад +1

    Wow

  • @codebrilliantly
    @codebrilliantly 2 месяца назад +2

    Create content bro 👊

  • @rishikeshpal1865
    @rishikeshpal1865 2 месяца назад +1

    sir can you provide ppt of this video

    • @albertmends
      @albertmends  2 месяца назад

      Unfortunately I didn’t create power point for this project

  • @Remi___________________416
    @Remi___________________416 Месяц назад +1

    ARE ALL THE SERVICES IN THIS PROJECT FREE?

  • @sobhansahoosubh3873
    @sobhansahoosubh3873 2 месяца назад +32

    Heee all devlopers, dont code in that way like copy and paste only see the demo , create your own way, that's benifital.if u copy and paste along in way then u do not learn anything.sorry if anyone hrt...😅😅😅

    • @albertmends
      @albertmends  2 месяца назад +3

      💯

    • @MarioAgbanobi
      @MarioAgbanobi 2 месяца назад

      Shut Up , he can copy and paste even mark Zuckerberg copy and paste @albertmends you can do what ever you feel like as long as you get the job done ✅

    • @designsbycaleb
      @designsbycaleb 2 месяца назад +1

      I love this man 🫡

    • @designsbycaleb
      @designsbycaleb 2 месяца назад

      ⁠what app are you using for screen recording..kindly recommend? Thanks

    • @albertmends
      @albertmends  2 месяца назад +2

      @@designsbycaleb Quick time player

  • @kanieseiya4134
    @kanieseiya4134 2 месяца назад +1

    Sir are the techs used here free?

    • @albertmends
      @albertmends  2 месяца назад +1

      All the tech used are free

  • @funscape23
    @funscape23 Месяц назад +1

    og

  • @Sumitkumar-u4f6k
    @Sumitkumar-u4f6k 16 часов назад

    Can i use mongodb instead of neo console