Giter Club home page Giter Club logo

level-up-coding's Introduction

Level-Up-Coding

Contributors:

  • Dominic Fisher
  • Christy Le
  • Matthew Lyjak
  • Cody Stubblefield

Abstract:

This website is a compilation of tutorial videos to assist users with learning to code. Videos are divided up into Beginner, Intermediate, and Advanced Tiers. Users will be able to log in and comment on videos. On a user's home page they will be able to view all their comment history and delete those comments.

Project Brief:

The project uses a combination of a React-based front end for page flow, styling and responsiveness. ________ is utilized as the design API library. Users will either be able to sign up or log in to their account, which allows them to leave feedback comments on the videos and manage those comments. The home page will display one featured video for each skill level (beginner, intermediate, and advanced.) Each page contains a navbar at the top to display the title of the current page and navigate to different locations of the website. There is also a static footer at the bottom of each page containing The website information. When a skill level is selected; the page changes to a series of videos (initially 3 seeded videos) appropriate to that skill level. After a specific video is selected, it will display and populate comments from all users below it. This website is also mobile-responsive.

Technologies used:

  • HTML

  • CSS

  • JavaScript

  • GitHub

  • Node

    • Nodemon
  • Express

  • React

  • GraphQL

  • MongoDB

    • Mongoose
  • Apollo

  • Concurrently

  • Validator

  • Various Hardware including multiple different screen sizes and mobile devices

Visualization:

Add Screenshot Add Gif? Add Video?

Powerpoint

Repository/Deployment:

https://github.com/MLyjak1/Level-Up-Coding

Deployed Website

Instructions for Future Developers:

To Be Added:

Known Bugs/Future Additions:

  • Adding Likes/dislikes
    • Front page video is determined by most popular
  • Track when user has completed watching a video
  • Donations
  • Users can upload their own tutorial videos

License Information:

To be Added:

Version Information:

0.0 - Initial Setup - 8/29/22

* Set up Initial Folder and File Structure
* Added Potential necessary packages to package.json
* Began README
* Built Server connection and tested

level-up-coding's People

Contributors

christylex3 avatar mlyjak1 avatar shrike6 avatar dominicfisher18 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

level-up-coding's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.