About | Technologies | Requirements | Starting | License |
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
The following tools were used in this project:
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
# 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
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.
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
https://elearning-lab.org/
Holds the UI for the main page
https://elearning-lab.org/courses
Holds the UI for courses
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.
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
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.
upload photos (currently not working)
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
- 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 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).
This project is under license from MIT. For more details, see the LICENSE file. Created by: Phillippe Adriane Inocencio & ASU EPICS