KopiRAcoon is a coffee app that aims to help people order coffee(kopi) in their favorite proportion in Singapore. Singapore has a strong coffee culture and the naming of coffee is largely influenced by a myriad of dialects which may be confusing for non-locals or even the younger generation who are slowly losing touch with their native dialects.
Deployed link can be found at: https://kopiracoon.netlify.app/login
For the project to run locally on your machine:
npm install
to install necessary packagesnpm run start
to run the Create React App locally- Open browser and view the project on http://localhost:3000
Note: This is the frontend repo. The backend repo can be viewed here.
Users can choose their favorite proportion by adjusting the slider which will trigger graphic animation of the coffee components
Translations are available. Support up to 6 languages which include, Mandarin(Simplified and Traditional), Japanese, Korean, German, French and Spanish
Incorporated the use of Google Map to help users find nearby coffee drinking spot
Users can store their some of their favorites and view them easily
- ReactJS
- NodeJs
- ExpressJs
- Sequelize/Postgres
- i18next(translation)
- Google Map API
- ChakraUI
- FramerMotion (Animation)
Developed by Tabithan Ho and Cheena Eng