Creating a job search site with Vue3 and Supabase
Michael Kwon
From developing your own full-stack application to a Progressive Web App (PWA)!
ๅ็ด
Vue.js, PWA, supabase
vue.js practical project (twitter clone)
Create a real-world project using vue.js + firebase + tailwindcss. If you take this course, you can create any site.
(4.8) 21 reviews
251 learners
Level Basic
Course period Unlimited
Clone Coding
Clone Coding
Vue.js
Vue.js
Firebase
Firebase
Clone Coding
Clone Coding
Vue.js
Vue.js
Firebase
Firebase
Reviews from Early Learners
Reviews from Early Learners
4.8
5.0
smlee
100% enrolled
I liked this lecture because it omitted detailed grammar and allowed the reader to understand the overall concept. You can look up detailed grammar if you want.
5.0
segun408
100% enrolled
As time went by, there were some parts where the code was a little different, but it was still a more useful time because I found and changed it. Thank you! :)
5.0
ํ๋ํ๋
61% enrolled
I really like that you've done it almost exactly like Twitter, down to the details. There's a lot of CSS, but I like that you've done it all, even responsive. It's very helpful.
What you will gain after the course
vue3
tailwind css
firebase authentication
firebase firestore
firebase storage
firebase hosting
Using Vue 3 + Tailwind CSS + Firebase
Try making your own Twitter! ๐ช
โ๏ธ Course Introduction
How long will you continue reading introductory books and attending TODO list-making lectures? I'm not saying the basics aren't important. In the development field, new technologies are constantly emerging, and mastering them requires a significant investment of time and effort. Finding the most efficient learning method to keep up is crucial. In this regard, clone coding is the most effective way to learn. Anyone can easily understand basic grammar, connect to a database, and display content on the screen by taking lectures and reading books. However, in actual programming, you'll encounter countless trivial problems not covered in lectures. Through my clone coding lessons, you'll experience hundreds or even thousands of times pondering and solving "Why isn't it working the way I want?" and hopefully, you'll find a deeper interest in development.
โ๏ธ What's special about this course
- As a learner, the most frustrating moments were those moments when the instructor's coding flowed effortlessly, as if everything was already in my head and all I had to do was type it out on the keyboard. To create the code together with you, I filmed the lectures from scratch (of course, I prepared some images and color sets in advance to save time).
- Full source code is provided. Each lecture has its own commit, so you can easily follow along even if you missed something.
- We're available 24/7, 365 days a year to answer your questions. If you get stuck in a lecture and the instructor doesn't help you, you won't be able to complete it. I understand how desperate that moment can be. I'll respond as quickly as possible, within 24 hours.
Demo site
https://twitter-clone-inflearn-76b0d.web.app/
GitHub Link
https://github.com/jinsyu/twitter-clone-inflearn
Expected Questions ๐โโ๏ธ๐โโ๏ธ
Q-1. Can vue.js version 3 be used directly in actual projects?
A-1. There aren't any significant differences from version 2. In all aspects, there's no reason not to upgrade to version 3. There's no need to take the older version, right? By taking this course, you'll master Vue.js 3 completely.
Q-2. How difficult is the course?
A-2. If you are familiar with Vue.js, basic JavaScript grammar (asynchronous functions), and CSS (flex), you can take the course without difficulty.
Q-3. Why create a clone project?
A-3. Reflecting on my years of experience as a non-major, I've found that creating clone projects has been the most effective way to improve my skills. While building a given project from start to finish can be frustrating, the sense of accomplishment when you solve it yourself and finally complete it is immense. If you're looking for a basic grammar book, I highly recommend choosing the thinnest one possible. If you're taking a basic grammar course, I highly recommend taking the shortest possible course before working on a real-world project.
Q-4. I'm a beginner in programming. Among the various programming languages and frameworks, why did you choose Vue.js, Firebase, and Tailwind CSS?
A-4. If you use the three frameworks above, there's nothing you can't create. It's a powerful yet easy method. If you're unsure, just trust me and follow along.
Recommended for
these people
Who is this course right for?
For those who want to complete basic learning and create a practical project
Anyone who wants to learn vue.js 3
Need to know before starting?
javascript basic grammar
vue.js basics
Understanding asynchronous syntax (async-await)
I am a freelance developer who pursues pragmatic programming.
python, js, golang, c#, django framework, djangorestframework, flask, telegram bot, aws, vue.js, firebase, tailwind css... I'm developing with whatever I can get my hands on.
If you have a specific project you want to learn or build, please contact me at jinsyu.com@gmail.com.
Curriculum
All
54 lectures โ (9hr 44min)
14. Profile page
20:54
15. Tweet component
03:28
20. Login page
02:56
24. log in
10:55
25. input validation
04:21
26. vuex
16:32
27. navigation guard
16:48
29. Enter tweet
12:46
41. Like Implement
06:07
52. Note Page
25:51
53. Delete Tweet
07:03
Published:ย
Last updated:ย
Reviews
All
21 reviews
4.8
21 reviews
์ง๋ฌธ๋ต๋ณReviews 6
โ
Average Rating 4.7
4
100% enrolledIf you haven't taken the basic Vue.js course, I don't think I can recommend it. Since it progresses at a fast pace without any separate explanation of grammar, it felt like an intermediate level for beginners like me. Other than that, since the source files are committed to GitHub for each lecture, I was able to check them by comparing them with the actual source, so it took a little while, but I was able to complete it with some twists and turns.
- dotted
Reviews 3
โ
Average Rating 4.0
4
100% enrolledThe lecture content is all good, but I don't understand why almost all the examples are political, and especially for a specific political party.
- jinsyuInstructor
Thank you for leaving a review. I think it was made by looking at actual Twitter tweets at the time. (I remember there was a Trump tweet.) I simply substituted the President of the Republic of Korea at the time and wrote the example tweet, so I apologize if it was uncomfortable. I had no intention of adding any political elements.
- segun408
Reviews 3
โ
Average Rating 5.0
- siktaeng4084
Reviews 12
โ
Average Rating 5.0
Similar courses
Explore other courses in the same field!
![Flutter for Beginners: From Basics to Practice [Full Stack Part 4] (Easy and Solid Step-by-Step with Various Projects)่ฌ็พฉใตใ ใใคใซ](https://cdn.inflearn.com/public/courses/331245/cover/1f8c5bb8-8aad-4542-b3bc-977cda51c846/331245.png?f=avif&w=420)
![[Web Development Full Stack Course] A week before starting a Vue.js project - From basics to practice่ฌ็พฉใตใ ใใคใซ](https://cdn.inflearn.com/public/courses/330078/cover/d413a6e5-4692-4d3f-ae26-64c5e8d592e5/vuejs-1)
![Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]่ฌ็พฉใตใ ใใคใซ](https://cdn.inflearn.com/public/courses/324976/course_cover/1355e898-fc20-4579-a88f-82340b849595/netflix-flutter-eng.png?f=avif&w=420)
![Modern Web Interactive CSS3 Bootcamp [Full vers.]่ฌ็พฉใตใ ใใคใซ](https://cdn.inflearn.com/public/courses/334857/cover/4ccc6c75-74aa-4aba-b3d9-8aabe36e9452/334857.jpg?f=avif&w=420)