FWK4-23-Components

Introduction

fwk4-23-components is a library of small, reusable components that can be used to build flexible and modular applications. The purpose of this repository is to enable fast and efficient development by providing predefined components that can be combined and customized for various projects.

Installation NPM

Install via npm:

npm i @niklaspelli/fwk4-23-components

NPM LINK

1. Add a index.js directly in the src. and import the big components (Login, Register, Home, Worplace, InfoUser)
2. configure the package.json file and add "main": "./src/index.js", after version.
3. From your components type in bash/terminal ```npm link
4. In the package.json find the name "name" for the file.
5. The create an app using ```npm create vite@latest
6. npm install
7. npm link "name of the component"
8. import the component you want in app.jsx from the library. Notice if you want to uppdate your library you need to do step 3 and step 7 to update.

Components in the library:

• PrivateHeader
• PublicHeader
• Home
• Login - props to use logic ({loginFunction})
• Profile
• Register
• Workspace

subComponents

• Avatar
• Form
• HeadLines
• Logo
• Search
• TaskBoard
• Column
• UniversalButton

Link to github frontend.

Here you can se an example of how the components are used. https://github.com/Monchekin/fwk4-23-frontend

Storybook

1. Install via npm:

npm run storybook