Skip to content

Instantly share code, notes, and snippets.

@patheticGeek

patheticGeek/webdresources.md

Last active March 10, 2024 20:09
Show Gist options
  • Save patheticGeek/f49511b1224692a209113072c0c572f7 to your computer and use it in GitHub Desktop.
Save patheticGeek/f49511b1224692a209113072c0c572f7 to your computer and use it in GitHub Desktop.
Download ZIP
Basically to send to anyone asking for what to do :)
Raw
webdresources.md

Web dev guide

These are not just side projects but can also be used to get started or level up in web dev. Mostly for beginners to intermediate.

My rant

Learn to make something that's useful and secy rather than learn a language for the sake of learning a language.

Side project shouldn't always have to have the goal of being something big or perfect or going into your resume.

They could be something in which you learn. If you wanna make some site and want to learn react just make it with react learn it if you don't know. You don't have to know everything before starting just learn as you go. Just look at something that you enjoy to use and just clone it with some changes that you think will suit you better.

They don't have to be fully functional, just start out with just cloning the ui, see how you can keep your css files clean html small while having a secy ui. Then move on to adding some basic functionality like menu animations and stuff and keep adding things before you know your projects will grow and you'll know css that scared you.

You can just simply start with a todo app. Here's how you'd make it something you can put in your resume -

  • Make a secy UI take inspirations from dribble, behance etc. and just make something simple and nice (find out sites you can get uio inspirations from bookmark them)

  • Add javascript so you can add/remove/edit todos

  • Hook up local storage so you can save the state for the user

  • Now in todo add more properties (priority, status, due date, etc), You'll need to adjust the ui maybe re think a little how to show all this new info in an elegant way.

  • Create a view where todos are sorted by due date and priority so user can see which is more important

  • Hook up backend and login sign up (use a backend as a service so you don't have to write backend like firebase or just go and learn nodejs and mongodb and make your own)

There you go a todo app that you can actually put in your resume and you learnt basics of well full stack web dev.

Here is an example of actually making a todo app which someone might want to use and not just for the sake of building it

Links

Youtube Channels you should be worshiping

@Rahul2915
Copy link

Vey helpful, can't thank you enough. Really very useful for beginners who don't know where to start!! 👍🔥😌

@pratikdevdas
Copy link

Thank you, geek! You told me how to research :p, today!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment