debojitroy/movie-app

React Project to demo Idea to Production Process

Awesome Movie App

This is a sample project to demonstrate how to take a concept from idea to production. The thought process and the steps behind it are discussed in detail in 4 part blog post.

• Part One : Wireframes and Project Setup

• Part Two : Setting up a Component Library

• Part Three : Building the Movie App using component library

• Part Four: Hosting the Movie app and setting up CI/CD

Component Library Demo is available here

Movie App Demo is available here

Projects

• Core : Common shared library for all projects
• Components: Core Components library and Design System
• WebApp: Awesome Movie App Web Application

Setting up the Project

Initial Setup

If you are pulling down the project for first time, go to the root folder and run

yarn

Adding a new dependency across packages

lerna add <dependency> --dev # For development dependencies

lerna add <dependency> # For production dependencies

Adding a project specific dependency

lerna add <dependency> --scope=<sub-project-name> # Sub project name can be found from individual package.json

Running the Projects

Before running any of the projects, please make sure all dependencies are installed as mentioned in the initial setup.

Building Components

Follow the steps mentioned here

Building Core

Follow the steps mentioned here

Running Webapp

Follow the steps mentioned here