Rocket Tutor Components

This repository contains reusable React components for the Rocket Tutor application. The components are written in TypeScript and developed using Storybook.

Important step before PR

Please change the version before making a pull request!

Prerequisites

• Node.js >= 18.0.0
• npm

Note: It's recommended to use npm for this project instead of yarn.

Getting Started

First, clone the repository:

git clone https://github.com/Rocket-tutor/Rocket-Tutor-Components.git
cd rocket-tutor-components

Then, install the dependencies:

npm install

Running the Application

To start the Storybook server, run:

npm run storybook

This will start the Storybook server on http://localhost:6006.

Building the Application

To build the application:

1- Make sure you have access to the Rocket Tutor NPM registry. If you don't have access, ask on Tech channel on Slack

After that, run:

npm login

2- Build the application:

npm run build

This will create a production-ready build in the dist directory.

Deploying the Application

To deploy the application, run:

npm run deploy

Use the components in other React project

To use the components in other React project, run:

npm install @rocket-tutor/rocket-tutor-components

Then, import the components in your React project:

import { Button } from "@rocket-tutor/rocket-tutor-components";

.
.
.

const App = () => {
    return <Button>Click Me</Button>;
};