Mern.AI University
  • Welcome to Magic University
  • What are web-based products?
  • Anatomy of a product
    • High level architecture
  • Scoping your product
    • Plan your first phase with necessary features
  • Drafting a Development Plan
  • Executing the Development Plan
    • Incorporating an existing template
    • Creating a custom feature
      • Functionalities in a page
        • Develop UI Functionality
        • Develop Server Functionality
          • Common things done in the backend
    • Customizing an existing template (Magic Feature)
  • Testing and Quality Checklist
  • Best Practices
  • Glossary
Powered by GitBook
On this page
  • Core Features
  • Now, let's take a look at the Standard features:
  • Standard Features vs Core features:
  • We support Hybrid Mobile Apps!
  1. Anatomy of a product

High level architecture

High-level architecture provides a bird's-eye view of a system, outlining its major components, interactions, and overall structure.

PreviousAnatomy of a productNextScoping your product

Last updated 1 year ago

Let's take Spotify as an example:

The above diagram represents the basic requirements for an app like Spotify to function.

Let's take a look on the features that Spotify offers:

See the cluster of features above? Let's separate the core features:

Core Features

A core feature is what sets a product apart from its competitors. It's the special aspect that makes it stand out and gives it an edge in the market.

  1. Personalized/AI Suggestions

  2. Concert Recommendations

  3. User Profiling

A core feature transcends the confines of a web application and extends beyond the capabilities offered by the MERN stack.

Now, let's take a look at the Standard features:

Standard features are the basic functionalities or components of a product that are commonly expected or found in similar products within the same category or industry.

  1. Music streaming

  2. Offline Listening

  3. Custom Playlists

  4. Podcasts

  5. Sleeptimer

  6. High-Quality Audio

  7. Skips songs

  8. Skip artists

  9. Lyrics

  10. Custom Cover art

A standard feature can efficiently achieve functionality with minimal data processing requirements.

Standard Features vs Core features:

Standard Features
Core Features

Fundamental functionalities that are common and expected in similar products.

Essential functionalities that provide unique value and distinguish the product.

Forms majority of the app's capabilities (60%-70%)

Defines the essence of the app, often determining its success.

Generally easier and quicker to develop.

Requires specialized expertise and more resources for development.

Contribute to basic usability and functionality.

Significantly enhance user experience and fulfil primary user needs.

Often standardized and less customizable.

May require customization to fit specific user requirements or industry standards.

When contrasting core and standard features within an app, the standard features typically encompass around 60% - 70% of the total app functionality, forming the backbone of its capabilities and user experience.

We'll focus on mastering the development of standard features. As for the core features, it's advisable to engage a team with ample expertise in the field to ensure they're implemented effectively.

We support Hybrid Mobile Apps!

Hybrid mobile apps combine elements of both native and web applications, offering advantages of both approaches.

As of now, our focus is solely on supporting hybrid mobile apps.

They are built using web technologies like HTML, CSS, and JavaScript, but they are wrapped within a native application, allowing them to be distributed through app stores and access device features like cameras and GPS.

However, we're excited to announce that the support for native mobile apps is on the horizon and coming soon! Keep an eye out for updates.