This is a Frontend project created using Javascript, ReactJS, Material UI. Some package such as Apollo Client and GraphQL are also used to connect to GraphQL API provided by Hasura. The project uses React WYSIWYG Text Editor, Firebase Authentication and is deployed using Netlify.

During development, the app uses also packages like react-youtube to embed YouTube video to the web app and also Swiper, a carousel library that is available for React.

The following URI can be accessed to view to current progress of the project: https://before25-alterra.netlify.app/

Try to access https://before25-alterra.netlify.app/admin with the following credentials

Email : [email protected]
Password : alterramantapjiwa

The project implements CRUD to Hasura API using GraphQL queries. Some data are processed by the Frontend (e.g. Search). The filter part on the '/admin' page are probably the most annoying one to work on at the time because some weird behaviour of Material UI's Autocomplete Textfield Component. The app uses WYSIWYG Text Editor so it can store HTML on the Backend. It easily deployed using Netlify for free.