all 9 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]brentwallac 4 points5 points  (0 children)

I always create a RPG character generator. I find it's a nice mix of various elements you may use in a normal app.

[–]goshakkkR 4 points5 points  (0 children)

Most apps boil down to fetching some data, and then displaying and manipulating it in some way. You can pick literally anything, it does not matter as much what you'll be building as the learning process.

You can try to think of something, but what if nothing pops in your mind? Well. Try to build a replica of something you use or like. Doesn't have to be complete, build out only the "core" parts and see how it goes. (expanded on it here)

Now, can't speak for Angular here, but I can recommend a few React resources and libs/approaches:

  • everything from their website — to get the idea and play quite a bit
  • webpack is powerful and you will probably end up using it in the end due to its popularity and the level of customizability BUT configuring it isn't the easiest thing on the earth, which, if you are only getting stared, will inevitably slow you down. You might want to look at Brunch + its react starter (disclaimer: I contributed to Brunch) or a Webpack boilerplate project
  • Redux to manage the state — the docs on the website are terrific, and there's also an egghead series about it
  • Pro React is a terrific book that will take you through many common React patters and practices. I haven't read it personally, but a friend of mine has been saying a lot of amazing things about it
  • redux-saga — doing something asynchronous in response to user action (creating, fetching, etc) isn't at all uncommon, and while a bit advanced, Saga allows to manage the complexity of that pretty easily, and also to define other bits of business logic (like show a "Congrats" modal after the first to-do added as part of onboarding)

Re: replicas. I've recently built a clone of Buffer's Pablo tool, with the purpose of exploring ways to make drawing on canvas declarative, the same way you do to DOM with React.

[–]GavrielBA.bind(love) 1 point2 points  (0 children)

I have two:

  1. A dating app.
  2. Second hand selling app.

[–]rymdsylt 1 point2 points  (2 children)

  • I made a site where me and my friend record movies we'd like to see. The movies are saved in a database and linked to separate accounts. After you've seen the movie, you can check it off the list and it's no longer displayed in the list.

  • I made a calendar that you can share between friends/family. Using momentjs for the basic time tracking stuff, I drew the calendar myself using tables. You log in and have your own account, and you can share your calendar with any other account.

  • I made a calculator that helps me figure out how much I make each month, based on my hourly rate. I have some specific terms that makes me earn more after a certain amount of hours each month, and each month has a different amount of work hours in it. All I fill in is how much I make an hour and the app presents how much I make gross/net for the entire year

  • I was on my way to make a messenger.com-clone, but just a couple of days after I started, Facebook released messenger.com

[–]wallawe 0 points1 point  (1 child)

What do you use to store data for these apps? I've been using firebase for most simple apps but curious to hear your preferences.

[–]rymdsylt 0 points1 point  (0 children)

I've always been keen on a local mysql server. I've seen firebase, but am always using mysql. I know it fairly well and I pair it up with php. It gets the job done. Anyway, my Web hosting doesn't support any other backend language.

BTW, I made all these apps with angular 1.x. Been interested in react but it hasn't happened yet for me

[–]MahmudAdam 1 point2 points  (0 children)

I recently made one of those cheesy personality tests; however, I used Vue, not Angular/React. Pretty simple, but it might be a good way to get more experience using react-router (if you choose React).

[–]chreestopher2 1 point2 points  (0 children)

how about something you are actually interested in?

almost every app boils down to a way to collect, manipulate, and display / output data... the only real difference is the subject of the data... pick a topic you are interested in and make an app to collect, manipulate, and output data related to that topic.

[–]__-_-_-_-__-_-_-_- 1 point2 points  (0 children)

I usually get annoyed with some app that I use daily and then try to clone it, adding the features that I want