DEV Community

Discussion on: Become a Full Stack Developer by building these amazing applications

Collapse
 
anesu profile image
Anesu Kafesu

Hey, I have a question. Suppose I have an idea for a product I want to build. What should I do before I start coding. The thought processes of converting the ideas to detailed designs that can be implemented in code.

Collapse
 
audreydev profile image
Audrey Delgado

Its good to make a practice project, like
@nocnica mentioned.

However, you can do a sort of wireframe/mock up on paper of the features of your product or use something like Figma to write out userflows, features, design, and prototyping, among other things.

Figma.com is free for personal use, up to three projects and they have tiered pricing if you need more than that.

Trello.com is another great tool to track your progress or manage with a team and uses a sort of KanBan type format to manage your project.

Notion.so is another great tool to write out all your ideas and feature details. You can write out a list of your ideas and the details and then decide which ones you will need and what they will do for your users.

Producthunt.com and indiehackers.com are some social platforms where you can get insight/advice/ideas to grow out your product, too.

These all have free to start with generous features to get you started.

I hope that these resources help. Best of luck to you.

Collapse
 
audreydev profile image
Audrey Delgado

Also,

if you want to learn more about Figma.com @andreineagoie has a great course on Udemy that covers pretty much all you'll need to make it useful for you.

udemy.com/share/103F1hAkAcc1lVQ3g=/

Udemy usually has a sale every few weeks or so and the price for this course will be between $10-$12 USD.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Thanks for your views on it🙏

Collapse
 
anesu profile image
Anesu Kafesu

Thanks a lot

Collapse
 
nocnica profile image
Nočnica Mellifera

I would recommend building a basic project before trying to build your dream project. If you haven't made a to-do list app example, your ideas may not be realistic to what the framework is actually able to do.

The steps would be:

  • define how a to-do list app should work
  • find a guide (searching 'to do list app [react/iphone/android/javascript]' will get you a guide for the framework you want to use)
  • build your version
  • try adding a feature

a to-do list app, with a guide, should take just 1-3 days to go from concept to finished project, and it will save you weeks of time.

Collapse
 
anesu profile image
Anesu Kafesu

Thanks. I think I'm going to do the to-do list and learn from from there.

Collapse
 
myogeshchavan97 profile image
Yogesh Chavan

Really true. Nice detailed steps. I would also recommend to start with something small and then move on to building the project idea.

Collapse
 
katafrakt profile image
Paweł Świątkowski

I wrote an article about that a long time ago. The technique is probably not for everyone, but maybe it'll help you.