MileStone 3 Full Stack Software Development Course at Code Institute. Visit gitRepo for entire build infomation. The main focus of this project was to have a live Heroku website where parents can visit free of charage and not only have access to a collection of Learning Links but given full CRUD functionality as a contributer. MileStone 3 Full Stack Software Development Course at Code Institute. Visit gitRepo for entire build information. The main focus of this project was to create, develop and deploy a mongoDB database connected web application hosted on Heroku Little Links Learning is a application parents can utilize free of charge and not only have access to a collection of Learning Links but given full CRUD functionality as a contributor.

This website will hold a collection of learning videos geared towards toddler learning. In responce to COVID-19 users can also start a live learning session or join it if one has allready been started.

A live demo can be found here

A GitRepo can be found here

This site is hosted using GitHub, deployed directly from the master branch to Heroku.

As a parent of a toddler I can skip the search and make use of Little Links to find categories of learning videos.

COVID-19 distance learning Start a live video session to engage your neices and nefues. This website will hold a collection of learning videos geared towards toddler learning. In response to COVID-19 a VideoChat service was implemented users can now start a live learning session or join it if one has already been started.

My goal in the design was to make it as easy as possible to access all information on the site while striving to keep the page with collected videos simple enough to be managed by a toddler.

With COVID-19 we have to find use of all this new time MidiMaps is a great way to travel this world when you cannot be physically present

With COVID-19 we have to find use of all this new time and still engage our children. Link Learning is a great way to begin to accomplish this task.

This site is hosted using GitHub, deployed directly from the master branch to Heroku. The current site in production is hosted via HEROKU The GitRepo can be found on GitHub

• HTML5
• CSS3
• JavaScript
• Jquery
• Python3

• Materialize: For responsive web designing
• Flask: HTML templating & routing
• Git: version control
• VSCode: code editor
• Github: hosts the website
• Jinja2: Python web template engine

• MongoDB: To store information into a database

local env.py holds config vars 'SECRET_KEY', 'MONGO_URI' and 'DEVELOPMENT', which have the values that are required in the app.py file for the mongo URI password, the secret key password and the debug value.

heroku config vars 'IP', 'PORT', 'SECRET_KEY', 'MONGO_URI' and 'DEVELOPMENT' variables. The 'SECRET_KEY' and 'MONGO_URI' contain the same passwords on Heroku as they do locally in the env.py file. The 'DEVELOPMENT' variable is set to 1 during build and 0 in production

• python3 -m venv venv
• source venv/bin/activate
• pip3 install -r requirements.txt for security purposes you will need your own database connection string to mongoDB

About wireframe

As a parent of a toddler I can skip the search and tedious task of content management and make use of Little Links to find categories of learning videos. COVID-19 distance learning for toddlers. Start a live video session to engage your nieces and nephews.

Default color schemes utilized to ensue user familiarity.

1. HTML
2. CSS
3. JavaScript
4. Bootstrap Some default component color schemes were combined with bold crayon like colors to ensue user conformability throughout the site and maintain a approachable environment for kids to interact with.

• LearningLinks: Users can add multiple LearningLinks, each LearningLink contains the Category, youTube video and a mentored message.
• Home page: Landing page informational, everything about the site. SideNav and floating button provide all navigational links available on all pages of the site.
• LiveLearn page: Enables a user to start or join a video conference
• LearningLinks page: Enables a user to view all LearningLinks
• Add LearningLink page: Enables a user to add a new LearningLink
• Edit LearningLink page: Enables a user to edit a created LearningLink
• Categories page: Enables a user to view all Categories of LearningLinks
• Add Category page: Enables a user to add a new Categories of LearningLinks
• Edit Categories page: Enables a user to edit a created Categories of LearningLinks

Milestone 4 will provide me with the skills to further control the access of users and there privileges contributing to the site.

This site was tested across multiple browsers (Chrome, Safari, Internet Explorer, FireFox) and on multiple mobile devices (iPhone 4, 5, 7: Chrome and Safari, iPad, Samsung Galaxy) to ensure compatibility and responsiveness via responsinator

All images via unsplash

• JavaScript Validator
• CSS Validator
• HTML Validator

This site was tested across multiple browsers (Chrome, Safari, Internet Explorer, FireFox) and on multiple mobile devices (iPhone 4, 5, 7: Chrome and Safari, iPad, Samsung Galaxy) to ensure compatibility and responsiveness via responsinator

• Checked if each link on the home page lead to the correct web page
  • All links lead to the right web page
• Tested if adding LearningLink to the LearningLinks page worked and if a user was able to delete and edit them
  • Tests worked right, as I was able to add, edit and delete the LearningLink
• Tested if other web browsers could see the LearningLink added to the database
  • Test worked right, links posted and displayed
• Tested if adding Category to the LearningLinks Categories page worked and if a user was able to delete and edit them
  • Tests worked right, as I was able to add, edit and delete a Category LearningLink
• Tested if other web browsers could see the Category LearningLink added to the database
  • Test worked right, Categories posted and displayed
• Tested if all the links in the footer, link to the correct pages by clicking on them
  • Tests worked correctly
• Tested if all the links in the sideNav, link to the correct pages by clicking on them
  • Tests worked correctly
• Tested the responsiveness of the website through a phone and the Chrome DevTools on desktop

All photos were taken from unsplash, open source image library.

All skills acquired from codeInstitute, training source.

• W3Schools
• mongoDB Documentation
• PyMongo Documentation
• Stackoverflow
• MDN web docs

This is for educational use.

#$ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-python.git#remove-sqlite