# Getting started with custom ipt-sun-crcf
![Logo](https://i.imgur.com/PF7guTM.png)


## To use this template run this in your terminal

```bash
$ npx create-react-app app-name --template ipt-sun
```


Once the installation is complete, start the server.

## From the root folder run this.

```bash
$ cd app-name
$ npm start
```
After running the project, it should start automatically and display the home page.
# Home Page
![Logo](https://i.imgur.com/nzk3IYQ.png)

# Folder structure
 
![Logo](https://i.imgur.com/r8gMlkZ.png)

# Terminal Commands

![Animation](https://user-images.githubusercontent.com/104751512/174479275-fd6db82d-64bc-4824-af7c-26d7c9a8ccd1.gif)

# More Terminal Commands
To create component inside of molecules

// Default Class Component
```
$ npx crcf src/components/molecules/componentName
```

// Default Functional Component
```
$ npx crcf src/components/molecules/componentName -f
```

// Without test files
```
$ npx crcf src/components/molecules/componentName -f --notest
```

// Use jsx file format
```
$ npx crcf src/components/molecules/componentName -f --notest --jsx
```

// Use typescript file format
```
$ npx crcf src/components/molecules/componentName -f --notest --typescript
```
To create components inside of organisms or templates just replace the molecules in terminal.

To export all components run this command. 

// Export all components inside of molecules
```
$ npx crcf --createindex src/components/molecules
```

// Export all components inside of organisms
```
$ npx crcf --createindex src/components/organisms
```

// Export all components inside of templates
```
$ npx crcf --createindex src/components/templates
```

To view more options in terminal just run this command.
```
$ npx crcf create --help
```