Create awesome courses that let your audience learn by coding

Related tags

Boilerplate course code learn teach ucbuyucuturnuvasi
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...
📚 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 282 Oct 16, 2022
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

Yogesh Gurjar 4 Jun 28, 2022
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

Ian De Guzman 1 May 3, 2022
A powerful resource to learn React Redux Toolkit Typescript.

React Redux Toolkit Typescript Tác giả Dư Thanh Được Website: duthanhduoc.com Youtube: Được Dev Facebook Profile: Dư Thanh Được Fanpage: Được Dev Tikt

Dư Thanh Được 11 Dec 27, 2022
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

Anand gupta 71 Dec 9, 2022
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

Daniel Bugl 120 Oct 18, 2022
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

FreakyCoder 178 Jan 7, 2023
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

Programming-School-Pro 11 Dec 18, 2022
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

Luke Sheard 85 Nov 27, 2022
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
GitHub https://awesomecourse.dev
Basically, At present, I focused on React Js. So I think let's create a Google clone. Yeah, it is done!

Google Search System Impelement react React is a JavaScript library for creating user interfaces. The react package contains only the functionality ne

Simanto Roy 5 Aug 31, 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
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
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 11 Dec 1, 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 70 Nov 26, 2022
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

Nishant Tomar 1 Dec 25, 2021
Boilerplate with React client and Express backend written in TypeScript. Offers performance and extended functionality. Comes with SSR and without need to learn a framework. Helps to avoid frequent React-Express integration pitfalls.

Project Highlights Performance. Achieved by webpack tree shaking, script bundle minification and compression (gzip and Brotli). Complimented by server

winwiz1 157 Dec 28, 2022