License: MIT License
This app is specially built for pharmacists and medical supply stores. It helps in cases like filing and billing with health insurance. It is also made to work paperless and gives a quick and easy access to the warehouse and the rental state of the items.
https://verleihapp.herokuapp.com/list
To install, fork project and run npm install on start
As a Developer
I want to set up the Project
so that I can focus on coding single components afterwards.
I need to install all following packages
As a pharmacist
I want to find special items by typing into the search input
so that i can find items quick
As a pharmacist
I want to see some important facts to the item
so that I can choose the right item quick
As a developer
I want to clear up CRA and Storybook
so that I have a clean working environment
As a
I want to
so that
As a pharmacist
I want to start a rental process in one single view
so that I can be quick an professional in front of the customer
As a pharmacist
I want to have a floating action button
so that I can start a rental process quick
As a pharmacist
I want to have a header in the app
so that I can find items or clients in the search bar easily.
As a pharmacist
I want to have an overview of all items with into about rental state
so that i can pick an available item quick
As a pharmacist
I want to have fancy icons
so that it looks neat
As a developer
I want to implement react router
so that i can navigate between the different site views
https://reactrouter.com/web/guides/quick-start
As a
I want to
so that
As a pharmacist
I want to use the hamburger menu to open the main menu
so that I can navigate through all possible functions of the app
As a developer
I want to design an individual arrow button for html select
so that it looks nice
https://www.youtube.com/watch?v=bB14uo0Tu5A&ab_channel=KevinPowell
As a pharmacist
I want to see more than one image of the article
so that I can document the actual state of an article
As a Developer
I want to create a global css with emotion package
so that I can reach the style in every component and don't need to write it in every single component
documentation - emotion - global styles
import React from "react";
import { Global, css } from "@emotion/core";
const GlobalCSS = () => {
return (
<Global
styles={css
*,
*:before,
*:after {
box-sizing: border-box;
}
#root {
height: 100vh;
}
html {
}
body {
background-color: pink;
}
code {
}
}
/>
);
};
export default GlobalCSS;
As a
I want to
so that
As a developer
I want to host the font lato from google fonts in my project
so that I must not embed the font from google, because google
As a pharmacist
I want to have important features of the app in the footer-nav
so that I can reach everything fast
As a
I want to
so that
As a pharmacist
I want to have an overview of all items with into about rental state
so that i can pick an available item quick
As a Developer
I want to use json-server with dummy data
so that I can test my app
just put some dummy data into the db.json in the root
Data structure
As a
I want to
so that
As a pharmacist
I want to create, read, update and delete items and rentals
so that I can use the apps MVP
As a pharmacist
I want to filter items
so that I can find what I am looking for quick
As a Pharmacist
I want to see all important details to the chosen article
so that I can start the rental process with the correct article
As a Developer
I want to have a basic design without any styleguide or even a logo,
so that I can start planing my userstorys for the whole Project
Here is a first quick Wireframe for the Designer: Wireframe
As a
I want to
so that
As a
I want to
so that
As a designer
I want to create a menu button to get more functionality in Components
so that the desing will not be overloaded
https://material-ui.com/components/menus/#max-height-menus
As a pharmacist
I want to see on which view I am
so that I can navigate through the app and always know where I am
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
