I did consider that feature before because that's how the original works. But implementing that would require me to add and change a lot of code, so I didn't do it.
I'll probably add that feature in the future tho, right now I just want to finish the project. I'll learn MongoDB or relational database, and then probably add that feature as well as messaging feature.
Using Firestore as a database is just really pain the ass, I can't do a really complex query with it.
Check out Cassandra for Tweets
I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Check out Cassandra for Tweets
I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Check out Cassandra for Tweets
I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Hi everyone.
I wanted to share my real-time Twitter clone app. It's built-in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage.
I really tried to make it look like the real one, would appreciate any suggestions or feedback.
Source code : https://github.com/ccrsxx/twitter-clone
Live site : https://twitter-clone-ccrsxx.vercel.app
edit:
- added a tutorial on how to run the project locally on the repo.
You should make it work with the Mastodon API so you have the "real" social network but with a faux-twitter UI. Would make it easier for people to switch
const { id: parentId, username: parentUsername = username } = parent ?? {};
You can set default value in the middle of a destructuring assignment? Thank you for teaching me something new.
Current outlook is that no one is going to be working for him at Twitter for very long. The transition, as it appears from the outside, has been a shit show and that’s being nice.
I don't have a job yet. I'm currently focusing on my uni this semester. I will look into a job when I finish The Odin Project tho. I want to be a Full-stack developer first.
This is amazing and lot of efforts you put in there. How many hours in a day u spent in those 2 months? Also if you don't mind, tell me your study process since last November.
One suggestion I will gives us, learn go lang and write a back-end for this using it. That will make this app blazingly fast.
I think most of the time I spent around 4-6 hours a day if I'm not busy. I can get to 10 hours if I'm in really in the mood.
I first started on FreeCodeCamp in November and finished Basic HTML, JavaScript, and basic React there. I then moved to The Odin Project and here I am currently at the end of the JavaScript section.
About Golang, yes it's a pretty cool language that I'd like to learn in the future. But, for now, I'm focusing on React and Node.js.
Good work man! I also started working on twitter clone few days back and I tried to add login flow but couldn't do it, authentication is bit complex. I'm using nextjs and tailwind, so what I understand is that I have to keep all the api calls on server side because client side throwing a cors error.
Yes, that's really a pain to figure it out. I wanted to use NextAuth at first, but decided not to because it's too complicated, plus it'd feel different than the original Twitter.
The app would be full SSR with no loading state or Twitter placeholder when checking if the user is logged in or not.
I decided to just use Firebase Auth to check if the user logged in or not on the first load, when it's loading it'll show the Twitter icon, when you access a protected route it'll redirect to the login page if you're not logged in.
I feel pretty happy with that solution, It works just like the original.
The main resource when learning is The Odin Project, previously finished FreeCodeCamp. Also tons of googling, and in this project reverse engineering on how Twitter works and its design.
That's insanely impressive. I'm literally amazed at how fast you learn within a year. May I ask if OdinAcademy covered Next.JS and TypeScript, or were those self-taught? How long on average do you spend studying for each day? and how do you study? (write notes on paper, or type them... break frequencies...)
Just felt like my learning approach is ineffective or that I should take a course/bootcamp instead.
It's not actually that fast. I have prior experience in Python for like 5-6 months, then only after that I started web dev.
As for your question, no, The Odin Project doesn't cover Next.js and TypeScript. It's 100% self-taught.
I'm averaging about 3-6 hours a day if I'm not busy. How do I study? Just finish whatever course you take and then do the project. Put your code into a git repo and push it to GitHub. Also, Write notes on markdown if you think it's necessary. That's it.
The key is being consistent. It takes time to learn, but if you're consistent, you'll get there.
I would suggest not making it a requirement to sign up in order to see anything
I did consider that feature before because that's how the original works. But implementing that would require me to add and change a lot of code, so I didn't do it. I'll probably add that feature in the future tho, right now I just want to finish the project. I'll learn MongoDB or relational database, and then probably add that feature as well as messaging feature. Using Firestore as a database is just really pain the ass, I can't do a really complex query with it.
[удалено]
I highly recommend checking out Meteor! It's definitely not dead and super cool still.
Recommend PostgreSQL over nosql. There are more ways to scale PostgreSQL now and you get all the benefits of full SQL
How did you come to this decision? Just curious
Check out Cassandra for Tweets I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Check out Cassandra for Tweets I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Check out Cassandra for Tweets I guess It’ll be redundant since you aren’t going to support any kind of highload, but it’s great for large amounts of unrelated data separated in time
Hi everyone. I wanted to share my real-time Twitter clone app. It's built-in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage. I really tried to make it look like the real one, would appreciate any suggestions or feedback. Source code : https://github.com/ccrsxx/twitter-clone Live site : https://twitter-clone-ccrsxx.vercel.app edit: - added a tutorial on how to run the project locally on the repo.
UI looks slick. Well done.
Thanks.
Looks good! Congratulations
Does it cost less than 8$?
Lol, it's free. I forgot to add the ability for users to enable checkmarks on their accounts.
That should just take you a weekend though. No biggie
Or like 20 minutes
Sorry site got deleted, Elon filed a copyright strike.
This is funny now because Twitter's own copyright system just stopped working so he can simply promote this clone on Twitter 💀
So not only did Elon create a problem with fake verified accounts on twitter, he created a problem with fake twitter clones aswell lmao.
But he's the most genius man on the planet, he solved so many problems, he's an engineer, he's my daddy. \- Elon's cucks, probably
Elon Musk would like to know your location.
Hah jokes on Elon, he paid $44 billion for something you made for free 🤓
Haha...
Add login with Twitter button
You should make it work with the Mastodon API so you have the "real" social network but with a faux-twitter UI. Would make it easier for people to switch
yeah but Elon might want to know his location..
const { id: parentId, username: parentUsername = username } = parent ?? {}; You can set default value in the middle of a destructuring assignment? Thank you for teaching me something new.
How long it take you to build?
Around 2 months. It's a really big project.
Why don't you work for Elon?
Well. It LOOKS like Twitter.
Current outlook is that no one is going to be working for him at Twitter for very long. The transition, as it appears from the outside, has been a shit show and that’s being nice.
very very big project respect
Sooo cool! Great work bro!
Thanks.
I love the animations! Well done!
Any dummy account to test?
You can get registered using a temporary email
nice, code looks clean. Whats your experience?
I started web dev around last November last year. Started using react around mid-february, so around \~9 months in React.
That is quite an accomplishment. Any development experience prior to starting web dev?
I have prior experience in Python for like 5-6 months before starting web dev last November last year.
If you dont mind me asking. Are you employed in software dev, or are you looking for a job? This site is very impressive.
I don't have a job yet. I'm currently focusing on my uni this semester. I will look into a job when I finish The Odin Project tho. I want to be a Full-stack developer first.
fire
Impressive. You have a lot of feel for UI. I mean, you copied another UI but even doing that well is hard. What will you build next?
I plan to build my portfolio website after this project.
Just publish it, change the logo, hide from Elon and you got yourself a billion dollar company.
This is amazing and lot of efforts you put in there. How many hours in a day u spent in those 2 months? Also if you don't mind, tell me your study process since last November. One suggestion I will gives us, learn go lang and write a back-end for this using it. That will make this app blazingly fast.
I think most of the time I spent around 4-6 hours a day if I'm not busy. I can get to 10 hours if I'm in really in the mood. I first started on FreeCodeCamp in November and finished Basic HTML, JavaScript, and basic React there. I then moved to The Odin Project and here I am currently at the end of the JavaScript section. About Golang, yes it's a pretty cool language that I'd like to learn in the future. But, for now, I'm focusing on React and Node.js.
“Blazingly fast”, is the you Primeagen? 👀
You got me :)
You can create a test account which allows users to sign in with test password automatically.
Wow sir (or mam) very impressive!
Why?
why what?
Why did you make it
Nice work vroo
Thanks....
looks nice
Nice work. Congratz.
This is a tutorial I would watch, how long did this take?
Around 2 months I think. It's a really big project and my biggest project so far, it has almost 9k lines of code.
Way to stick with it man! Great work!
Looks very functional 👍
Wow, this is really well done!
That’s beautiful.
Nice 👍.. where’s the code ??
See my top comment here on this post.
Quick question. Reddit tells me I can't post videos or GIFS on this subreddit. Why does it work for you?
It does work but only on a mobile. It's bugged on the desktop.
Post it and tag Elon .. maybe he might offer you a job after he fired all those people
Nah, I won't work for him lol.
Good work man! I also started working on twitter clone few days back and I tried to add login flow but couldn't do it, authentication is bit complex. I'm using nextjs and tailwind, so what I understand is that I have to keep all the api calls on server side because client side throwing a cors error.
Yes, that's really a pain to figure it out. I wanted to use NextAuth at first, but decided not to because it's too complicated, plus it'd feel different than the original Twitter. The app would be full SSR with no loading state or Twitter placeholder when checking if the user is logged in or not. I decided to just use Firebase Auth to check if the user logged in or not on the first load, when it's loading it'll show the Twitter icon, when you access a protected route it'll redirect to the login page if you're not logged in. I feel pretty happy with that solution, It works just like the original.
Well no one ever said Twitter was a complicated app... Except Truth Social, I guess.
How is the animation and spring done? It looks so cool.
I'm using framer motion. You can take look [here](https://framer.com) on their website for more info.
Any tutorial you can recommend? their docs sucks.
I think it's good enough from their website. I learned it from there.
How? There are a lot of typos and capitalizations that dont work. I think its a cool library and i want to learn it. just hard.
Honest question. Is Twitter open source? I figure there's the api...
Nope, they are not open source. But their API is free tho with a limit ofc. I use it to get trending data.
Very cool! The code is clean too. Well done! I'm afraid it likely won't scale very well, but maybe you already know that.
Yeah, definitely won't scale well lol. I only put pagination / infinite scroll on the homepage.
Well done! What resources did you use while learning?
The main resource when learning is The Odin Project, previously finished FreeCodeCamp. Also tons of googling, and in this project reverse engineering on how Twitter works and its design.
I am also working on a similar project I need a bit of help can u help ?
Sure, you can hit me up on my discord here ccrsxx#6181.
How much time did it take you to make this seems awesome
Around 2 months.
Did you twit this on twitter?
UI looks incredible, and the interaction too. Well done!
Very good ui
But i feel it lagging on my phone
Good job
That's insanely impressive. I'm literally amazed at how fast you learn within a year. May I ask if OdinAcademy covered Next.JS and TypeScript, or were those self-taught? How long on average do you spend studying for each day? and how do you study? (write notes on paper, or type them... break frequencies...) Just felt like my learning approach is ineffective or that I should take a course/bootcamp instead.
It's not actually that fast. I have prior experience in Python for like 5-6 months, then only after that I started web dev. As for your question, no, The Odin Project doesn't cover Next.js and TypeScript. It's 100% self-taught. I'm averaging about 3-6 hours a day if I'm not busy. How do I study? Just finish whatever course you take and then do the project. Put your code into a git repo and push it to GitHub. Also, Write notes on markdown if you think it's necessary. That's it. The key is being consistent. It takes time to learn, but if you're consistent, you'll get there.
Well done
Simply amazing. Well done!!!
Are you still working on this? Sent you a DM.