aroramrinaal / E-Learning-Lab

In association with Bridge2Africa, this project is an ELearning lab that aims to help increase STEM education all throughout South Africa.

E-Learning Lab

(previously Virtual Learning Lab)

About   |   Technologies   |   Requirements   |   Starting   |   License   |  

🎯 About

This website is for a Non-profit in South Africa called Bridge2Africa. The website is a learning platform aiming to bring STEM content to students all over the world. The website contains different courses where students can learn and an admin panel to add classes. It uses the Django admin tools and user authentication technology.

(You can use username: demo, password: demo1 to login to the website)

Admin panel demo: https://www.youtube.com/embed/PvA5yy0Z74E

🚀 Technologies

The following tools were used in this project:

• Python
• Django
• [HTML/CSS]
• Bootstrap

✅ Requirements

Before starting 🏁, you need to have Git
Download Python 3.7.9 at https://www.python.org/
Download an IDE, preferably VS code. Load project into the IDE

🏁 Starting

# Clone this project
git clone https://github.com/Abhiraj03/E-Learning-Lab.git

# Access
cd VirtualLearningLab/

# create a virutal enviroment to install your dependencies,
python -m venv venv

#activate it you should see (venv)
venv/Scripts/activate

#install dependencies
pip install -r requirements.txt

#run the app
python manage.py runserver

#helpful commands:
#updating static folder
python manage.py collectstatic

#updating database models
python manage.py makemigrations
python manage.py migrate

Whats in the project

Admin Panel Component

https://elearning-lab.org/admin/
/admin => Developer admin panel (this came with Djano)

https://elearning-lab.org/admin_panel/
/admin_panel => “user” admin panel (created) There are two different admin panels, one is meant for a developer to look over and the other one is meant for the organization to use. I personally thought the admin panel for developers is confusing to the normal user so creating another admin panel for the Birdge2Africa organizations was needed. However, the user Admin panel still uses elements of the developer admin panel.

Student Component

https://elearning-lab.org/student/welcome/28e4a600-54f3-476b-93d3-8c97d06f7283
Holds the different course home, modules, connect, reading material, and assessments. Assessments uses google form for quizzes

Home Component

https://elearning-lab.org/
Holds the UI for the main page

Courses Component

https://elearning-lab.org/courses
Holds the UI for courses

Discussion Board Component

https://github.com/E-Learning-Lab/E-Learning_Lab/tree/main/Components/discussion_board
Contains the models, routes, views, and forms for the discussion board component. A course can contain many discussion boards associated with it. Upvotes/downvotes and profanity checker in place at this time.

Virutallearninglab folder

https://github.com/E-Learning-Lab/E-Learning_Lab/tree/main/virtuallearninglab
Main folder, it holds the UI for login and register, base templates for each page, routing, and settings of the project

asset/static folder

holds the css files and images (there are two because when website is deployed it looks at static folder). The collectstatic brings static files from all locations to the static folder and then serves them to the website from that folder.

media folder

upload photos (currently not working)

Related links and Helpful Resources

E-Learning Lab Video Walkthrough Series - https://www.youtube.com/playlist?list=PLk_larcd6unLqjW1qg5J9ubESzXW8rH7x

installing pip - https://packaging.python.org/guides/installing-using-pip-and-virtual-environments/

virtualenvs stackoverflow post = https://stackoverflow.com/questions/41972261/what-is-a-virtualenv-and-why-should-i-use-one

login and register - https://levelup.gitconnected.com/how-to-implement-login-logout-and-registration-with-djangos-user-model-59442164db73

Django tutorial - https://docs.djangoproject.com/en/3.1/intro/tutorial01/

Django 4 hour tutorial - https://www.freecodecamp.org/news/python-django-course/

Django portfolio - https://realpython.com/get-started-with-django-1/

Bootstrap Cheat Sheet - https://hackerthemes.com/bootstrap-cheatsheet/

Git Cheat Sheet - https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet

Dependencies

• https://pypi.org/project/django-embed-video/
• https://pypi.org/project/django-ckeditor/
• https://pypi.org/project/django-tinymce/
• https://django-crispy-forms.readthedocs.io/en/latest/
• https://django-vote.readthedocs.io/en/latest/
• https://pypi.org/project/django-profanity-check/
• https://github.com/sswapnil2/django-quiz-app

Production Site

Production site is located at https://github.com/adriane0523/VirtualLearningLab

https://elearning-lab.org/
Hosted on Digital Ocean.
For more specifics on the deployment process, view the Google Drive (info will be added soon).

📝 License

This project is under license from MIT. For more details, see the LICENSE file. Created by: Phillippe Adriane Inocencio & ASU EPICS  

Back to top