https://github.com/enjeck/tutcode

Watch/read tutorials and write code on the same page
https://github.com/enjeck/tutcode

css education html javascript tutorial video-player youtube

Last synced: about 2 months ago
JSON representation

Watch/read tutorials and write code on the same page

• Host: GitHub
• URL: https://github.com/enjeck/tutcode
• Owner: enjeck
• Created: 2021-08-20T12:14:34.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-24T15:45:24.000Z (over 3 years ago)
• Last Synced: 2024-11-11T08:08:15.874Z (3 months ago)
• Topics: css, education, html, javascript, tutorial, video-player, youtube
• Language: HTML
• Homepage: https://tutcode.netlify.app/
• Size: 651 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TutCode

A website where you can read/watch tutorials and write code on the same page. Try it out at https://tutcode.netlify.app/.

All the relevant JavaScript code can be found at [src/index.js](main/src/js/index.js). 

#### Todo

Initially, Prism Live was used for syntax highlighting, but it was glitchy, so it's been removed. 

I'll have to find another way to highlight the code. 

## Screenshots

#### With Video

![](screenshot1.png)

#### With Article

![](screenshot2.png)

## Building a local version

1. Clone the repository

    ``` 

    git clone https://github.com/PROTechThor/TutCode.git

    ```

2. Enter the directory and install node modules

    ``` 

    cd TutCode

    npm install

    ```

3. Access the live server

    ``` 

    npm run start

    ```

    You should now find the server running at http://localhost:1234