Create awesome courses that let your audience learn by coding

Overview

awesome-course-og

Create awesome courses that let your audience learn by coding.

Why?

As a developer, to learn a new software technology, we mostly start reading a document about it. Good to start. Then we are trying to find other resources for advanced topics and watch video courses. Video courses might be wasting time. To learn something, we need to get our hands dirty; code. Awesome Course lets you learn any course by coding directly.

As a content creator, making video courses is exhausting. Filming, editing, camera, microphone, all the details are important to be good at that. Do you really care that your audience learns from your content? Awesome Course let you create courses that your audience learn by coding.

Example Course

Want to see how does Awesome Course work? Try my demo Testing JavaScript course.

Getting Started

Want to create an Awesome Course? Check out the documentation website.

Features

  • React & Next.js based framework
  • Ready to use with minimum development 🚀
  • Supports dark/light mode 🌗
  • Written in TypeScript

Todo

  • Start and Completed pages
  • Responsiveness for course detail pages
  • CLI support to easly create an awesome course
  • Overview page to see all lessons and chapters
  • Documentation with Docusaurus
  • Demo course - TDD with React
  • New sections on landing page
  • Multi language for courses
  • Settings for customize workspace UI (such as editor theme etc.)

Ideas

  • Authorization to create courses online
  • Marketplace to list and share courses

LICENCE

MIT

Show Your Support

Please give a star if you like this project! 🤩

You might also like...
Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.
Airbnb-React - In this project, An Airbnb experience page clone is created to learn and implement React props concepts.

Create React Airbnb App In this project An airbnb experience page clone is created to learn and implement React props concepts. Objectives Learn about

In this tutorial, you'll learn to develop a wallet for the Solana protocol.
In this tutorial, you'll learn to develop a wallet for the Solana protocol.

Wallet Tutorial In this tutorial, you'll learn to develop a wallet for the Solana protocol. We will provide a simple Next.js application that you will

Template to create reactjs component library which will help you to create your dream library.

reactjs-library-template Template to create reactjs component library which will help you to create your dream library. How to use Commands to setup e

Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:

React Enterprise Starter Kit 🔥 Highly Scalable, performant and amazing react boilerplate for react developers to get started and improve web building

A magical boilerplate with hot reloading and awesome error handling™
A magical boilerplate with hot reloading and awesome error handling™

redux-undo-boilerplate a magical boilerplate with hot reloading and awesome error handling™ that uses webpack, redux, react and redux-undo Installatio

Awesome fundamental features with Typescript support React Native Boilerplate
Awesome fundamental features with Typescript support React Native Boilerplate

Installation You can simply clone the project and start with your barebone project git clone [email protected]:WrathChaos/react-native-typescript-boilerp

An Awesome, Modern React Portfolio
An Awesome, Modern React Portfolio

Awesome-Portfolio An Awesome, Modern React Portfolio View Demo · Report Bug · Request Feature Table of Contents About The Project Forking this project

create-esbuild-app is an extremely fast create-react-app replacement.

create-esbuild-app is a wrapper around create-react-app while esbuild-scripts is a react-scripts compatible CLI which can be dropped in as a replacement

In this React JS course, create-react-app was used to create the project using typescript as the standard language for development

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Comments
  • Feature: syntax highlighting

    Feature: syntax highlighting

    Syntax highlighting with rehype-highlight and highlight.js

    • [x] added rehype-highlight
    • [x] added highlight.js themes one for light and one for dark. (matching with monaco)
    opened by aliemir 3
  • Answer still shown on next chapter

    Answer still shown on next chapter

    When I reveal the answer to the chapter and decide to skip to the next chapter answer is still shown. @enesozturk

    https://user-images.githubusercontent.com/42540003/146012997-073671b6-9300-4e59-9328-a6515db77b89.mp4

    opened by mfarukkoc 1
  • feat: add cli support

    feat: add cli support

    • App moved to /examples/default (There might be different themes, examples etc.)
    • CLI scripts added. Users will be able to create awesome course without cloning the project.
    opened by enesozturk 1
Releases(v0.0.2)
Owner
Enes
Full stack JS developer. Enthusiast of React & React Native, Loves paragliding 🪂
Enes
Kontenbase: create backend API, auth, and storage in less than 1 minute without coding

No Code Backend API, Fast and Easy! Kontenbase allows you to easily create backe

Kontenbase 91 Sep 25, 2022
Let Me React - A Simple ReactJS Boilerplate

Write your React App easily with Let Me React! This is similar to create-react-app but LMR will comes with useful packages like react-router-dom,Axios, SweetAlert2 pre-configured so that you can dive into writing your code without having to worry about setting up the project.

Suvin Nimnaka 12 May 11, 2022
Atividades da Short Class Web React do Let's Code Pass

Short_Class_Web_React Atividades da Short Class Web React do Let's Code Pass Iniciar repostiorio git git init Adicionar os arquivos para stagin git ad

Otto 1 Jan 10, 2022
An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.

Universal Redux What and Why Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) render

Buck DeFore 462 May 22, 2022
A template for all of you to create and deploy an Awesome Portfolio for free without writing code

A template for all of you to create and deploy an Awesome Portfolio for free without writing code

Jameson Blake 9 Aug 14, 2022
In this course you learn how to use MUI components in your React applications

React + MUI In this course you learn how to use MUI components in your React applications. But, what is MUI? MUI offers a comprehensive suite of UI to

AmirHossein Mohammadi 5 Jul 25, 2022
A boilerplate template for making your awesome dApp on IoTeX and ETH, BSC

IoTeX dApp Sample V2 This is a boilerplate template for making your awesome dApp on IoTeX and ETH, BSC, and other possible chains (request here) Techn

yalamber 0 Nov 9, 2021
A boilerplate template for making your awesome dApp on IoTeX and ETH, BSC, and other possible chains

Bounties ?? Please notice: If you have your own custom project and you want to r

IoTeX Network 68 Jul 3, 2022
winwiz1 149 Sep 18, 2022
📚 Learn React + Redux by building a SoundCloud Client. Full tutorial included. Source Code for main tutorial but also extensions included.

react-redux-soundcloud I wrote a huge tutorial about setting up your own SoundCloud Client in React + Redux. Additonally you can find a real world exa

Robin Wieruch 281 Aug 18, 2022