DEV Community

Cover image for MongoDB Atlas Hackathon 2022 on DEV - Learnoh (A text based learning platform)
Qosim Mahmud Folaranmi
Qosim Mahmud Folaranmi

Posted on

MongoDB Atlas Hackathon 2022 on DEV - Learnoh (A text based learning platform)

What I built

Learnoh - A text based learning system.

Category Submission:

Choose Your Own Adventure

App Link

http://learnoh-client.vercel.app/

Screenshots

Image description

Image description

Image description

Image description

Description

Learnoh is a text based learning system. Courses can be created by an instructor and lessons can be added using a rich text editor.

Link to Source Code

Frontend
https://github.com/Mahmudqosim/learnoh-client

Backend
https://github.com/Mahmudqosim/learnoh-server

Permissive License

MIT

Background

(What made you decide to build this particular app? What inspired you?)
I have always been a lover of text based learning system, like books, blogs, articles. They give way to a better way of understanding things.

How I built it

(How did you utilize MongoDB Atlas? Did you learn something new along the way? Pick up a new skill?)
Learnoh is built with React as the frontend framework, MongoDB as the databases, Tailwindcss for styling, Node.js and express for the backend.

Every data on Learnoh is stored on MongoDB including images and user's data.
The image size are reduced on the client using a Canvas Image resizer component I wrote and stored on MongoDB.
All users information are managed and stored on MongoDB. Password management including password reset and forgot password are done with bcrypt and MongoDB.

I have learnt a lot during the hackathon and I acquired new knowledge about libraries like Redux Toolkit, RTK query, Tailwindcss.

Additional Resources/Info

Top comments (0)