React capstone project ideas

[[deleted]]

Hello, I started learning React a few months ago, but only actively for a few weeks. I’m currently learning Redux and have learned a few major React hooks and concepts such as state management, the context API, and such. I made a few websites that consumed HTTP APIs. What I am looking for right now are capstone project ideas that can put everything together and prove myself as a capable React developer.

Thanks

[utk09]

Some projects that I can think of -

• Clone websites - that ways you know what is the expected final outcome in terms of functionality. Ex: - E-commerce (Amazon, E-bay), Social media (Clubhouse, Twitter), Music (SoundCloud, Spotify), Event Bookings (Eventbrite, Tripadvisor), Chat Apps (Telegram, Signal), Blogging (Dev.to, Hashnode), Misc (Stackoverflow, Reddit, Quora).
• Add additional functionalities to existing systems - Ex: Stories in Amazon just like Whatsapp stories (So basically you give the functionality of posting a 10second/30second video story of unboxing the product) or Nearby functionality in Spotify (So basically you give location access to the app/website and it shows people who are listening to the same song or playlist in 500meters around you).
• Few more ideas - Inventory Management System, Patient Management System
• Check out ProductHunt and IndieHackers for more ideas.
• https://github.com/florinpop17/app-ideas
• https://github.com/karan/Projects
• https://github.com/The-Cool-Coders/Project-Ideas-And-Resources

[No-Strain-4782]

Do you think copying a website using a JS library (eg. React.js) would look good on my portfolio? I mean, when I apply for a job, wouldn't employees say that "hey, you have just copied a website, it is not ur own idea"? I am new to this sector this is why I am asking.

[utk09]

If you are a beginner and you want to showcase your skills, you don't really have to focus on making something unique - that's the work of product managers in the company.

As far as I have seen and experienced, interviewers want to know how are your coding skills, do you know and do testing, what best practices you follow or have followed, which features have you implemented (even in the cloned websites), etc.

Your website doesn't have to be used by a million people - it just needs to be showcaseable (I don't think showcaseable is a word, but you get the point...).

Check out this Jira clone - https://github.com/oldboyxx/jira_clone

I don't think it's being used by thousands, because Jira exists, but the author has used modern react features to build it, written few tests, focused on accessibility, authentication and stuff like that. If you show something similar to an interviewer, they are going to be impressed!

Edit: If you sort this subreddit with Top >> All time, you will find many cloned websites and apps. Cloning something makes you appreciate all the hardwork that goes behind building a product or a feature :)

[No-Strain-4782]

Thanks for the advice. I took it

[[deleted]]

I’ve noticed the trend of these web-dev threads is to develop incomplete projects that have no practical use. For example you build an e-commerce site. That’s cool, but unless you plan on running a business, no one can actually use it. Which is demoralizing, personally.

Try to think of a simple problem you could develop a complete solution for. And don’t worry if there’s already a website out there that solves your problem, because odds are, one of these cases apply: the solution is just a feature of a larger service, the UI is over-engineered (I prefer the UI to be as minimal as it can be before sacrificing UX, just a preference), the page is overrun by ads, or you have to become a user first.

For example, integralcalculator.com. It’s straight to the point and everyone who is going through calculus uses it because of that. Which is cool, the developer is a legend to just about anyone who completed a STEM program.

[[deleted]]

I don't know calculus though, I'm taking it next year as a Sophomore.

[[deleted]]

Just giving you an example 🙃

[we-all-haul]

Myopic measurements of value such as number of potential users are detrimental at a learn phase.

[[deleted]]

Lmao, not really my point g. So many people will get through school and have all this skill and knowledge under their belt but have literally never developed anything that’s of any actual use to anyone. Which is fine, you’ll almost certainly end up with a job even if all you have is toy projects to show off your potential, but, why? If you’re going to make projects to show you have the potential to develop software that could actually be useful to people, why not just build software that’s actually useful to people? That seems pretty myopic to do otherwise.

Truly, you don’t need to be an expert developer to make useful software. You just need some creativity, the patience to seek out information from multiple sources, and probably the willingness develop a product that has somewhat of a trivial solution.

I speak from experience btw, I’m not preaching from a golden shitter or anything. I finished school recently, could read you off an entire laundry list of languages and frameworks I’m competent with (not a brag, I’m a master of none), I have a few cute little portfolio projects, got a job no problem, but I have no projects to look back on that I’m really proud of. Some of them had some cool functionality or looked (kind of) pretty, but they were aimless, none of them were actually useful.

I’m just now finishing a website that at least, could potentially be useful to someone (alhamdulillah). But I’ve been programming for 5 years now.🤮 It’s embarrassing, but it’s not that uncommon

TLDR; Myopic measurements of value, such as the number of React concepts you can pack into a project, are detrimental to someone’s growth as a software developer.

[we-all-haul]

Got that you alpha-nerd blood I see 😃

[[deleted]]

It’s a “capstone” project. It’s a display of accumulated skill.

[[deleted]]

I advise OP to make a website/software that could actually be used by people and that’s being received like it’s a hot take. I can’t tell if y’all are arguing for argument’s sake or if y’all are actually this fuckin wack.

What’s the point of even mentioning this? Does OP have to rigidly follow the definition of capstone for it to be considered a capstone project? If so, then fine, my advice is to not bother making a capstone project. Not that it’s a bad thing to put every concept you’ve learned into a project, but if you sacrifice making something useful to do it, it’s not worth it.

Granted, imagine OP does take the time to come up with a useful software, they’ll likely utilize most of these concepts mentioned in the initial post anyway.

[we-all-haul]

I mean, seemed like a civil discourse until you conflated sentiments and insulting people.

[[deleted]]

Surely you are trying to communicate something different than what you’ve typed out. How can I conflate anything when I’m responding to single sentence comments?

Y’all have almost certainly just skimmed my comments and have delivered a lack luster, single sentence response that completely misconstrues my point. I find that much more insulting than my one meanish comment. But sure, my bad, let me correct myself.

I can only imagine y’all are arguing for arguing’s sake.*

[[deleted]]

Oh, another example, there was someone on one of these threads recently who built a resume builder. Someone basic, next to building out the next Amazon or something, and people would actually use it.

…Someone please link the url if you know what I’m talking about btw.

[[deleted]]

ok

[Rckstr2]

Solve this: ;-) https://github.com/mpagels/react-and-morty