Coding

Starting soon … | FULL PROJECT with Vue.js + Vuetify + Firebase!

  • 00:00:01 well I can take this video great to have
  • 00:00:03 you on board my name is Max million and
  • 00:00:05 a lot of you guys wanted a full project
  • 00:00:08 and a lot of you also wanted view chess
  • 00:00:11 you're getting it though we're going to
  • 00:00:14 build a full project over the next weeks
  • 00:00:16 and this is the project it's our meetup
  • 00:00:20 organizing application it's built with
  • 00:00:22 view chess with beautifly which is a
  • 00:00:25 package for view chests which gives us
  • 00:00:27 this nice material design and a lot of
  • 00:00:29 finished components you can use and
  • 00:00:31 we're using firebase behind the scenes
  • 00:00:34 what can we do in is that what you see
  • 00:00:37 we have this Caruso lair where we can
  • 00:00:39 basically see some featured meet ups we
  • 00:00:41 can also explore all meetups here click
  • 00:00:43 on a meet-up and of course register for
  • 00:00:46 it now this will go super fast because
  • 00:00:49 firebase is fast but this actually sends
  • 00:00:51 a request to the backend here we can
  • 00:00:53 have a look at that back-end here is the
  • 00:00:56 firebase console and this is the project
  • 00:00:58 we create here you see the users like
  • 00:01:00 creators in this project here you see
  • 00:01:03 our real time database with the
  • 00:01:05 different nodes for the different
  • 00:01:07 meetups and in a storage you actually
  • 00:01:11 can see that the images we see for these
  • 00:01:14 Vedas are uploaded to storage so this is
  • 00:01:17 more than just a nice-looking front that
  • 00:01:19 we have to back-end in there too
  • 00:01:21 now of course they're not limited to
  • 00:01:22 viewing meetups we can also organize our
  • 00:01:26 own meetups and an image of course get
  • 00:01:31 an image preview even enter a nice
  • 00:01:34 description and of course also pick a
  • 00:01:37 time and a date so like July 31 and then
  • 00:01:42 well let's maybe use 8:00 p.m. after we
  • 00:01:47 hit create meetup we can view this
  • 00:01:49 meetup here – here it is our awesome
  • 00:01:52 meetup at time we told it to be and then
  • 00:01:55 we can even edit it over here title
  • 00:01:58 description or date and time if we
  • 00:02:01 decide that it shouldn't be 8:00 but oh
  • 00:02:04 I picked a.m. I see but it should be 5
  • 00:02:07 o'clock in the evening that is our
  • 00:02:11 project we're going to
  • 00:02:13 and of course we don't just have the
  • 00:02:16 project here we also of course have to
  • 00:02:19 log in or create an account first we
  • 00:02:22 have to pull authentication flow Q that
  • 00:02:25 is what we're going to bill I'm super
  • 00:02:26 excited to get started with you in the
  • 00:02:28 next that you were actually going to get
  • 00:02:30 started by planning this application
  • 00:02:32 creating a concept and then we'll dive
  • 00:02:35 into the setup at all the other steps
  • 00:02:37 this won't be a short project but I
  • 00:02:40 guess it's going to be an interesting
  • 00:02:41 one and I'm really excited to dive into
  • 00:02:43 it with you see you there bye