Introduction
Learning by hands-on code from day 1 is one of the coolest methods of getting into coding, each time you move a small step,...
For further actions, you may consider blocking this person and/or reporting abuse
Great selection of projects to enhance frontend skills! π
Awesome, glad to hear you like it! π
While they are maybe good for beginners to have hands on but they are not worth it to add to the resume imo.
IMO depends how many cool, unique features you add to them and e.g. cover with e2e testing, units, integration tests, etc. Imagine extending todo app to be realtime app with sign in system where people can share their lists, collaborate in groups, you get the idea. I agree that the βbasic versionβ of these projects might be too little for resume but adding a unique extension can overcome that gap and make it resume worthy.
We are talking about resumes right? We won't be mentioning the features that we added to the project. It would be still a Todo list on the resume.
Hope you get my point.
We could, throwing a title and a link to the project only without any additional details seems a bit sus in the resume anyways. Adding quick summary + highlighting unique features, e.g. βUsed websockets (socket.io) for real-time collaborationβ or mentioning tech. stack which is in demand gives totally different impression than just writing βtodo appβ, I think we should stop tunnel visioning, emphasizing on what you built can give better results as when recruiter looks up the resume for example they could look for tech. stack you used for a project, so yeah even todo app could stand out. Hope you get my point and just to add up on this, Iβve been a tech. recruiter in many companies so all of this are valid points, trust me. π
Good timing, this is what I've been looking for. Thanks π.
Hey Adrian! This list of projects is awesome! I love how each project covers a different aspect of frontend development while keeping things fun and engaging. Iβm especially excited about the Pokedex and Music Player ideasβthose sound like great ways to level up my skills and add some cool features to my portfolio. Thanks for sharing these and the helpful resources with us.
Great post! Can tell it took a lot of time and effort to make!
I am assuming many people must be doing these same projects as beginners which makes them very common. So, does it really help my resume to stand out?
Iβve seen tons of βtodo appsβ projects on resumes that were executed poorly but just a few that had a modern in demand tech. stack, tests coverage, smart boilerplate, good README (talking about GH repo in general) and of course the UX/UI of it, RWD, itβs super easy to tell how much effort one puts in their projects, market is tough and sure you can try standing out by building a super unique, niche product/project but if itβs still executed poorly it will make no difference at all. Again, itβs tough but if you execute well, no bugs, perfect it, good documentation, a sharp eye of a recruiter can catch these details IMO. Iβm not saying to keep all these projects in resumes as you can just practice on them, add your unique variation and then put something else on your resume but if itβs done well, that will def. help to stand out, does that make sense?
Yeah... It does. Thanks!
Thank you.
Cool. How about a real estate web app like Zillow or RedFin?
Nice idea, will add it to the list for future projects!
And yet another set of 10 projects π My fav. is Pokedex, it is such a cool project!
Nice set of projects, really liked the last one.
Glad to hear that!
The last one is such a great and different idea!
great list, thnx!
Awesome, you are welcome, sir!
These projects are amazing to enhance frontend skills.
Nice one ,am grateful
While improving myself in Frontend & Web Development, I actively used some projects similar to these. A great practical example π
Awesome! Improving by building projects is indeed a great way to boost your skills!
tnk u for sharing
Amazing Post, Great examples!
Awesome!
Thank you
awesome!! thankyou!
Could you please tell me
To make these listed projects what exactly should we know like
Html
tailwind css
js
react
api and?
Hmm, tech. stack is quite flexible. Iβd browse job offers you want to apply for right now and compare, list top 10 technologies to learn. However if you want to build your tech. stack about what you mentioned maybe add Astro/Next.js to it, some component library on top of tailwind css or popular ones like daisyui/chakra ui and some rest/graphQL with a provider maybe like Supabase. Also TypeScript for sure, testing Cypress/Playwright, no need to do it all at once tho. Hope that helps.
This is really good list. Specially the code editor and character generator is something I am looking forward to build.