Notes: Kindly be patient with the latency. The whole full-stack app is deployed using a free service so it might take some time to load. If you still have trouble accessing the Live Preview, kindly email me at daffaalex22@gmail.com/daffaalexander.work@gmail.com
🔗This project is accessible at https://inedu-frontend.vercel.app
Teacher Account
email: alex@teacher.com
password: 12345678
Student Account
email: alex@google.com
password: 12345678
In the case that the Live Preview of the project is not accessible via the previous link, the following is a demonstration video of the project that I've made. This might help employers assess my capability of building a Full-stack Application.
The whole project's design is made by me and my team. We DID NOT copy from existing designs available from websites such as Dribble. That said, the designs are inspired by other websites such as Udemy and Coursera.
The Final UI Design showcases the design used as a reference in the project seen in the Live Preview and Demo.
Above is the board we used as a team during the development. It looks messy because we want to showcase how we're working. The Pages with bright colors are leftovers that are yet to be implemented in our code.
During the earliest phase of development, we determine the MVP from User Persona. This board describes how our team works through that process.
We used a couple of NPM modules for our project, such as:
- ReactJs
- Material UI : A UI library developed based on Google's Material Design
- React WYSIWYG Editor & HTML Parser : Used for text editing
- Firebase : Used for storing images and documents
- JsPDF : Used for generating a PDF
- react-youtube : Used for embedding a Youtube Video
The Live Preview of the project is deployed using the Free version of Vercelhttps://vercel.com/.