zappycode / zappycode-django

The code behind ZappyCode.com 💻 Come check it out and see how it ticks!

ZappyCode - Coding is Fun

Learning to code should also be fun. That's why we built Zappycode! A community of learners that don't like doing things the boring way. Join and see what it's all about.

Learn How to Run Locally

Issues

Feel free to submit issues and enhancement requests under the issues tab.

Contributing

Zappycode welcomes contributions from the community and is an open source project. When contributing please be kind and respectful. In general, we follow the "fork-and-pull" Git workflow.

1. Fork the repo on Github, top right-hand corner.
2. Clone the project to your own machine. git clone https://github.com/<yourusername>/zappycode-django.git
3. Commit changes to your own branch Create a new branch: git checkout -b new_branch Create a new remote for the upstream repo: git remote add upstream https://github.com/<your username>/zappycode-django
4. Push your work back up to your fork git push -u origin new_branch
5. Submit a Pull Request so that we can review your changes.

Windows: How to run zappycode locally?

1. Fork the repo on Github, top right-hand corner. This creates a new copy of my demo repo under your GitHub user account with a URL like: https://github.com//zappycode-django

2. Clone the project to your own machine. git clone https://github.com/<YourUserName>/zappycode-django

3. Commit changes to your own branch Create a new branch: git checkout -b new_branch (name it whatever you like. Here, it is new_branch) Create a new remote for the upstream repo: git remote add upstream https://github.com/<your username>/zappycode-django

4. Make a Virtual Environment using- conda create --name zappycodeenv python=3.6.9 If virtual environment isn't activated automatically, enter: conda activate zappycodeenv

5. Install Requirements:- The Pipfile and Pipfile.lock contain dependencies. Read pipfiles to know how to use them to install dependecies. If that doesn't work, do as directed below:

   1. If you don't have pipenv, install it using pip install pipenv

   2. Enter: pipenv lock -r (You need to be present in the zappycode directory!)

   3. When it says "Successfully created virtual environment!" copy and paste Everything below virtualenv location in a text file and save it in the zappycode project cloned folder by the name of requirements.txt.

   4. Enter: pip install -r requirements.txt in shell.

6. Now you can make changes to the code.

7. Push it! git push -u origin new_branch

8. Once you push the changes to your repo, the compare & pull request button will appear in GitHub. Click it!

9. Add some info about the changes you made and click 'Create pull request' button.

10. Done!

Mac: How to run zappycode locally?

Make sure Python v3.6.9 is installed on your machine. Already have a version installed? See here for help.

1. Follow 📃Steps 1 - 3 under contributing.
2. Setup 💻Virtual Environment inside the zappycode working directory.

• run pipenv install in your terminal to setup the venv.
• then pipenv shell to activate the venv.
• to deactivate the venv run exit

3. Start Contributing! 😃
4. 🚀Push your work back up to your fork git push -u origin new_branch

• Click the create pull request link in terminal.
• Add some info about your changes
• Submit pull request

5. 🎉Done! You're Awesome⭐

zappycode-django's Issues

Mobile is Floaty

When scrolling on ZappyCode.com on mobile, it moves to the left and right. I don't like that. It should be more solid

courses > views.py > download_video missing return

In line 23 if user.active_membership: is used without caching any else statement.

If there won't access users without active membership, the if statement is obsolete, otherwise you need to return a default return statement or an else case

Dynamic page titles

I think a small site improvement would be adding dynamic page titles. Each page having its own unique title will help Google know what your page is about and should improve the sites SEO.

Server Error 500 on courses Page

I guess there is server error 500 on the courses page. Please kindly look on to it

Pages missing meta descriptions

Adding fun and witty meta description to each page should help with click through rates on Google. The meta description is used to display a page summary in the Googles search results.

Accessibility Issue: Images are missing alt attribute

Adding alt attributes to the page images should help make the page more accessible to users who might be using screen readers. Also help Google know what the image is about and should help improve zappycode's onpage SEO.

Missing sitemap and robots.txt

Hey,

I think adding a sitemap.xml and a robots.txt would be a good addition to the site. It should help Google crawlers crawl and index ZappyCode.

XSS Vulnerability: Upgrade Jquery to > v3.5.0

Jquery less than version 3.5.0 has medium XSS vulnerability. Upgrading Jquery to newest version or greater than 3.5.0 should increase site security.

Give free access to people who help with site

Create a way to give free membership to people who help with the site. Maybe a coupon system?

When someone enters an incorrect course, blog, or what ever thing, send to 404, not 500

Like try going to https://zappycode.com/courses/blahblahblah

It should be a 404 error instead of the 500 that is there

Got an error cloning and setting requirement.txt install successfully.

Hello,

Got below erorr:
django.db.utils.OperationalError: no such table: sitewide_lastcommit

Though I was able to clone the repo & create virtual env and requirement.txt.
install requirement.txt successfully but got above error while running the app on my local system

Could you please help?
Thanks.

When someone enters a url that is invalid, need to send them to a proper 404 page instead of the nasty page there is now

Like Try going to
https://zappycode.com/blahblahblah

TypeError at /money

**unsupported operand type(s) for +: 'NoneType' and 'NoneType' **
getting the above error.
I think there is an error at money/views.py line 9..
Can you please check it out.

Add Open Graph and Twitter Preview Stuff

Make ZappyCode pages look good when shared on social. Could have one default thing for any page and then have custom things for a course for example, or a blog post, or you get the point :)

Here are some helpful links:
Facebook/Opengraph
https://ogp.me/
https://developers.facebook.com/tools/debug/
Twitter
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started
https://cards-dev.twitter.com/validator

Issue regarding the link

The links are always getting redirected to python course. Just look onto it

Test data

When someone clones or downloads the project, we should have some example data ready for them like a few courses, revenue reports, a super user, and we should list these things in the tutorial

Performance Issue: Resize course images to thier containers size.

A great way to improve zappycodes performance would be to resize the course images on the course page to fit the card container. This should drastically drop the file size for each image and improve site load speeds. Additionally, reducing the image quality to ~90% should help speed the site up too.

We can resize and compress the image on the server using django-imagekit package. That way you don't have to worry about resizing and compressing the image before hand. It will do it automatically when your create a new course object in Django admin.

social buttons to share things

user story:
if i click the icon/button/whatever else i would have possibility to share things via socials. I want to have possibillity to change title, description, and image - as a option.

specification:

1. ions/picuress must be fancy
   2, don't want to have a lot of text
2. authorisation can be on side of user
3. with deafault values there is posibility to change the values

Security Issue: Cross Origin Destinations

A security improvement for zappycode would be adding rel="noopener" to the navigation links Code and Analytics. This allows the external site to not access zappycodes javascript window object. This may allow the other page to redirect your page to a malicious URL.

The other page may run on the same process as your page. If the other page is running a lot of JavaScript, zappycodes performance may suffer.

Make a cron job or something to that effect to set active_membership to False after subscription runs out

You can find active_membership as part of the ZappyUser model in the sitewide app

Add a readme with a tutorial on how to run ZappyCode locally

I think in order to get help from others on ZappyCode, we need to make it really easy for someone to get the site up and running on their own local machine

Better descriptions over the courses

This is just a small improvement, so I thought I might note it here in the issues section. The descriptions over the courses are alright (some more info would be cool), but I suggest making the description more readable by increasing the font size a little bit, puting more line-breaks (!) and making the headings in the Django course bigger.

I'm not at home, so I can't change this now, but maybe somebody else can.

Next and Previous buttons

When someone is watching a lecture like https://zappycode.com/courses/SwiftUI-Learn-How-to-Build-Beautiful-Robust-Apps/123/navigationlinks

There should be a next and a previous button so that students can easily navigate to the next video.

We also need to be careful so that if it's the first lecteure there is no previous button and if it's the last lecture, no next button

Require membership for viewing courses

Currently, anyone can watch the course. Kinda defeats the purpose of getting a membership! Haha

I want to make it so that when someone tries to watch a lecture, that it sends them to the signup page unless they are a paying member

Listing the version of the website in the footer

I'd like to have what the current version of the website is lister down in the footer. For example, ZappyCode is currently 1.0.3