lukasbals / seasonal

🥗 Seasonal app

Seasonal is your seasonal/regional calendar for food. You can find the hosted version on seasonal.wiki. The project is based on React and you can find the storybook component library on storybook.seasonal.wiki.

⚙️ Technologies used

• React as the JS library.
• Storybook as a the component library accessible on storybook.seasonal.wiki.
• MobX as the state management tool.
• Styled components for the styling.
• Prismic as the CMS.

👩‍💻 Development:

Install dependencies:

yarn install

Start the app in development mode:

yarn run dev

Run storybook

yarn storybook

Quality analysis:

yarn test # Run the tests

yarn lint # Lint the code using eslint

yarn lint-fix # Lint the code and fix issues if there are some

yarn format # Format the code using prettier

Dev tools used:

• Typescript
• Linting with ESLint
• Formatting with Prettier
• Linting, typechecking and formatting on by default using husky for commit hooks
• Testing with Jest and react-testing-library

🏃‍♀️ Run on production:

Install dependencies:

yarn install

yarn build

seasonal's Issues

"Zum Kalender" button doesn't work

Sometimes, if you open the page, the header is in the expanded position, but the drawer is unexpanded. Then if you try to expand the drawer by clicking the "Zum Kalender", there isn't any reaction from the page. If you expand the drawer by scrolling, it works again - also, if you use then use the button.