DEV Community

Chinmay Anand
Chinmay Anand

Posted on

i made clone of dev.to part-2

Navbar clone of dev.to

LINK to repo

yesterday i tried to make clone the card ui component of dev.to homepage.
so today i tried to clone the navbar of dev.to

please have a look and let me know your thoughts about it.
today i used a bit of extra css instead of tailwindcss because i wanted to get that border and shodow effect for the search input of navbar, just like dev.to
and i did it.

thanks lets meet with another part with new ui component clone.

and if you want to watch me doing this and wanna follow along please let me know in the comment.

Top comments (17)

Collapse
 
drbragg profile image
Drew Bragg

I think your tags should be #react and #css, maybe #html, and/or #webdev. This post has nothing to do with #graphql or #rails and very little (if anything) to do with #node

Collapse
 
itsjzt profile image
Saurabh Sharma

Thanks

Collapse
 
meenachinmay profile image
Chinmay Anand

Would you Please focus more on my content?
And my profile has many thing to do with those tags i attached.🙂😉

Collapse
 
drbragg profile image
Drew Bragg

I did focus on your content, which is why I know your article has nothing to do with #graphql or #rails.

Tags should be use to categorize your articles topics, not list what kind of other articles you write about. Even if it did, I don't see any article you've written being related to #graphql or #rails.

You'll get a better audience if you tag your article the right way.

Collapse
 
supportic profile image
Supportic

chat and notifications icons are swaped, literally unusable :D

Collapse
 
meenachinmay profile image
Chinmay Anand

And plz tell me how can something become unusable just because the position is swapped.
Logic will be written According to this design so it will work.

Collapse
 
meenachinmay profile image
Chinmay Anand

You Should not copy each and everything nah,
That was intentional
And look closely. You will find useful things too.

Thanks for comment.

Collapse
 
supportic profile image
Supportic • Edited

Dude, dude...
Take a deep breathe and try to understand my joke :D

Thread Thread
 
meenachinmay profile image
Chinmay Anand

Same advice😉👍

Thread Thread
 
meenachinmay profile image
Chinmay Anand

And ya from angle that is a joke...?
Its like say anything then say ohh its a joke....!!!

Collapse
 
kingchun1991 profile image
King Chun O

maybe a bit responsive?

I also found another one doing something you are doing:
dev.to/gillarohith/dev-to-clone-wi...

Collapse
 
meenachinmay profile image
Chinmay Anand • Edited

We will responsive side a bit later doning all the clone work for every component.before that its hard to decide anything about responsiveness for my perspective.
And i am planning to make complete clone of it.
First UI then backend. I am a bit of reverse person.😅
And ya i dont like to do copy as it is. I Always try to add something new at my own i can feel that i have done this.
Thanks for the comment and information.

Collapse
 
kingchun1991 profile image
King Chun O

Cool , write your own code learn a lot.

Look forward to see your completion.

I am curious how you handle your data in backend.

Will keep track on you😁

Thread Thread
 
meenachinmay profile image
Chinmay Anand

yup thanks for commenting again.
and yes i will use nodejs backend with mongodb database most probably because thats what i am most comfortable with. may be i will implement features step by step because i am also learning but then i took this challange. but its okay.
as i said before if anyone wanna join me then i welcome to anyone. because this is going to be big project. and then i will try to manage it as open source. so anyone can contribute but over the time i will need suggestion and discussion so please be there to response. and try to help me in anyway you can.

thanks for your kind words.

Collapse
 
a_vietnamese_guy profile image
Nguyen Trong Duc Luong

you should at least give me the link to the website

Collapse
 
meenachinmay profile image
Chinmay Anand

i have updated the post and added the link to the repo. please go ahead.

Collapse
 
meenachinmay profile image
Chinmay Anand

ohh i am sorry i forgot to paste the repo link. i am updating it now. sorry again.