Best Folder Structure For Web and Mobile Applications

 By Prem kumar

Everyone is developing applications many times but have you followed best practices in your application?

Following best practices will give trust to the Person and application quality. I’m Each application maintaining the folder structure is very important because this folder structure should give a critical and clear understanding.

I have created a folder structure with a better understanding.

asserts/

We can store the images .

If you started folder name with a small letter then it should be the same for all the folder names.

Common/

Inside common, we can go with API,Axios,Constants,i18n,string,theme,utils.

API: We can go with all the API’s

Axios: Try to go with common Axios functions like interceptors, base URL etc

constant: Object values like country code etc

I18n: Language translator

String: Go with common string or names

theme: Application color code and css functions

Utils: Application Commonly used functions

Component/

It is the one we need to write all the code logic. It is split into Atoms, molecules, organisms, and templates.

• atoms- The smallest possible components, such as buttons, titles, inputs or event color pallets, animations, and fonts can be stored in the atoms folder.
• molecules- They are the composition of one or more components of atoms.
• organisms- The combination of molecules that work together or even with atoms that compose more elaborate interfaces.
• templates- The collection of organisms that will make a full-page template.

Navigation:

To Handle application navigation Part

Redux:

It’s for React native redux storge

Screen/

It’s for Each screen like home, login, logout.

Conclusion

As we can see there are many ways to organize your code from the simplest to the most complex. It all depends on the codebase size and the team that manages it.

This is just one way I found to be productive and better organized your code among the team, I hope it helps you too.

Happy Programming!

If you found this article helpful, don’t forget to share and clap! 👏