Learn english with the platypus "Albert"
This is my capstone project for the Neue Fische Web Development bootcamp I attended in spring of 2021. Meet Albert is a web app to learn the first English skills. In an educational game you visit different marked cities on the map with "Albert", the platypus. There you meet typical Australian animals that introduce themselves. Afterwards there is a quiz to test your new knowledge. It works best in a web browser.
To run locally, install the dependencies and run the development server.
npm install
npm run devNow you should be able to run the game on port 3000.
- React.js
- Next.js
- mongodb
- TypeScript
- storybook
None needed, just install the dependencies with npm install
If you want to add or change something, feel free to do....
git clone git@github.com:mewiemers/meet-albert.git
cd meet-albert
npm install
npm run devNo tests implemented yet.
- https://nextjs.org/learn/excel/typescript
- https://prettier.io/docs/en/install.html
- https://eslint.org/docs/user-guide/getting-started
- https://github.com/prettier/eslint-config-prettier
- https://stylelint.io/user-guide/get-started
- https://github.com/prettier/stylelint-config-prettier
- https://typicode.github.io/husky/
- https://github.com/okonet/lint-staged
- https://storybook.js.org/docs/react/get-started/install
- https://www.npmjs.com/package/storybook-css-modules-preset
- Custom server for next
- TypeScript for custom server + nodemon
The game is deployed on Heroku. Play it here: Meet Albert
The app is designed and laid out for web browsers, so adjust the settings in your view to have the best experience.
All graphics are designed by myself. background image comes from https://unsplash.com/