My first solo project a google page and i need feedback plz
Hello ive been learning front end (css+html) for like 5 months now ,had a couple front end mentor projects with guiding from youtube ,now i made a google page solo with no guiding i have little problems mainly with dropdown menu positioning i want your feedbacks please and should i move to java ?.
( sorry for the code soup and roots violation)
https://ilyas-draissia.github.io/google-page/
22 Replies
Would suggest deploying this on Netlify so people can see the live page to give suggestions. Since it’s in a GitHub repo already it’s just a few more clicks on your side. Otherwise people have to download the repo, install the dependencies and use live server or another tool to view.
https://youtu.be/O6u0Y-KJi74?si=nLxLNJfj-BKGj8_L
Leanne R
YouTube
Deploy a website on Netlify with Github
In this video, I'll show you how to quickly and easily deploy/host a website on Netlify using Github.
Awesome cats site on Netlify: https://awesome-cats.netlify.app/
--
const me = {
name: "Leanne 👩🏻",
passions: ["coffee☕️", "code 💻", "cats 🐱"],
unpopular_opinion: "LOVES CSS ❤️",
favorite_colors: ["hotpink", "orangered"],
...
ok thnks i will do it in a moment and modify post .
https://ilyas-draissia.github.io/google-page/
The github repo is no longer accessible and I'm on mobile so can't inspect but looks like you're using a textarea instead of an input[type=text] for the search input. The problem with that is you get these kind of alignment issues when typing into it.
What is going into the hamburger menu eventually (right now there's many instances of "account".
What is the "Images" link going to do when you haven't yet searched for a query?
In your post you ask about "moving" to java- not sure what you mean by that?
before you move any further: REMOVE ANYTHING RELATED TO GOOGLE FROM YOUR REPO
you are misusing google's copyright, and google wont be nice if they dmca you
remove the logo, change the name, make your own logo and re-deploy
I used the input first and it allingned perfect but when i inspected google page it showed they used textarea .
So instead of doing all google apps icons i made it with one icon to show functionality but with ease of coding .
Images link ? i didnt get that question sorry .
I learnt only vanilla html and css thats it no java script yet , for the past 5 months ive been trying to master them and get a good ground , so my question were am in a good level to move on to learn java script .
Did not know that thanks other than that whats you opinion on the page, what i made wrong ? ,somethings you want me to change ?
i didnt check it yet
Regardless of where you're at with HTML + CSS, start learning JS 😄
There's no specific bar that you need to pass before getting into it. You'll continue learning those as you dive deeper into JS as well.
you didn't change anything yet
change it, then i will review it
for some reason ive had that idea of java script being hard and must learn 100% of css , thnks for the comment i will start learning java very soon .
i changed it to doodle https://ilyas-draissia.github.io/doodle-page/
https://ilyas-draissia.github.io/doodle-page/
just be careful in saying Java, Java and JavaScript are two different languages 🙂
Yow my brain is not braining wchich one we use in front end java or java script
It's very different, but Ive been teaching CSS for 10 years now and I still haven't figured out 100% of it yet. There's no mastering anything in front-end development, just getting good enough that it's not always a struggle 😅
And it's JavaScript for what we do 😄
that's not far enough, and you still have "google" and "gmail" in your clone
I don't think Google will care about a learning project like this
I've seen a lot of Google homepage clones, never heard of an issue.
If they made a YT video on how to do it... maybe?
Only company I've ever heard getting upset there is AirBnb
Imagine starting to learn frontend google strikes you with copyright in learning project :laugh:
there was a project, in this server, that got the nice red "this is a malicious website" page
I have seen dmca issues on a YouTube clone , google page clone and read about a Netflix clone that got hit. HBO is supposed to be a stickler too. But better safe than sorry they could flag it just in case they think you’re trying to redirect users and be malicious.
I just got three emails this morning from “Dreamhost Support” that my domain is about to expire and I better login and pay now . Only because my domain and hosting are no longer with dreamhost did I look closer and see the email address were different random accts , not dreamhost. The logos and styling all aligned. But malicious users are out there is my point and these brands don’t know your intentions. Easier to just change it to doodle than risk it.
i think the one i remember was a netflix clone
but i can't find the question here
but still, it's always better to avoid it
aaah i get it , so big companies will see it as redirecting users to malicious websites where they can be fraud and get scammed .
yes
also, they have an interest in protecting their copyright
just imagine the billions that google would lose if they lost their copyright because they failed to protect it
Hey @Kevin , I know CSS really well, including all the advanced concepts, but sometimes I feel like I know nothing, even though I know everything. Do you have any course or video that shows how and where to apply CSS knowledge? I get stuck sometimes when working on difficult projects.
CSS demystified might be what you're after. Also, thinking you know everything is probably getting in your way as well. I learn new things, even on some core concepts, most weeks 😄