Tinder Firebase Clone | React Native
The Coders Studios
I will help you learn React Native in the shortest possible time. I will not include any unnecessary parts.
중급이상
React Native, Firebase
BEST
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.
Reviews from Early Learners
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)
실용주의 프로그래밍을 지향하는 프리랜서 개발자 입니다.
python, js, golang, c#, django framework, djangorestframework, flask, telegram bot, aws, vue.js, firebase, tailwind css... 닥치는대로 개발하고 있습니다.
특별히 배우고 싶거나 만들고 싶은 프로젝트가 있으시면 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!
![[2021] Who builds paid web services these days? Everything about Firebase - Vue.js강의 썸네일](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![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)
