Scool App

Description here

Libraries used

1. Next.js
2. Typescript for type checking
3. Tailwindcss for styling

Tools used

1. ESlint for lint
2. Prettier for formatting
3. Husky for pre-commit hook
4. lint-staged to run git hook only on staged files
5. redux-toolkit for global state management
6. storybook from isolated development and visual testing

Preferred tools

1. Code editor VS Code
2. Yarn as package manager

Folder structure

elements

It will have all the basic elements like buttons, text types, etc.

components

The composition of elements and redux connections for pages happen here. Each sub directories will have the same name as page and the name is pascal-cased.

pages

Next.js page directory.

redux

All redux related files are added here. We will have page level slices, under the slices directory. Upon adding a new slice, make sure you update the root reducer at redux/store.js.

Commands

# start dev server
yarn dev

# create prod build
yarn build 

# start application in production mode
yarn start 

# lint code
yarn lint 

Links

1.Design

2.progress