Awesome

<h1> <div align="center"><img src="src/assets/logo_final_purple.png" alt="wedemy-logo"/> </div> <div>WedemyClient</div> </h1>

(Frontend Repo). Clone of Udemy, PWA (progressive web app) built using Vue 3, Vite, Typescript, Pinia, and Element Plus. At checkout, payments are securely handled by Braintree Payments (owned by PayPal), which also supports cards, Apple Pay, GooglePay, Venmo and many other methods. This project implements Credit-Card and PayPal Checkout only. This is the Student-facing web app -- does NOT include Instructor or Admin panel. Users may log in with either email/password or with Google.

Disclaimer ⚠

Wedemy is an open-source project developed for learning purposes only. It is NOT associated with or endorsed by Udemy, Inc. Any resemblance to Udemy or its services is purely inspirational.

Backend Repo

The backend for the Demo is a separate Java Springboot application available here with API Docs. However, you may use any server framework or language you like with this project.

Install

# Requires node 16.x or higher
npm install

Usage

In local development, the app runs on port 5173 by default. You can change it in vite.config.ts. Create an .env file at project root directory and fill in appropriate values (see .env.sample).

npm run dev

For production, run npm run build, then follow official Vite guide on deployment, depending on your hosting of choice. Remember to set ENV variables on your target Cloud platform.

Live Demo

PLEASE READ: The Demo uses Sandbox (Dev) Mode of Braintree Payments. No actual money will be deducted on Checkout. You should use test credit-card numbers listed here. Also, this Demo serves embedded video from YouTube (just for simplicity).

Test Accounts for Demo

If you don't want to Register, you can still play around the live demo using any of the Test accounts. Visit the login page and click Login with Test Account button.

Required 3rd party Services

Google OAuth Credentials (for Google Login)
Braintree Developer Account (for payments handling)
(OPTIONAL) Free PayPal Business Account.

Resources - learn more

Vite - official Guide
Braintree Payments docs
Google Login docs - latest version for Web
Element Plus - UI framework for VueJS.
Pinia docs - modern store for Vue (replacing VueX)
Vue DevTools -✨ plugin for all major Browsers
sql-to-ts -✨ quick Db Schema (SQL) --> TS Interface generator

Pull Requests & Contributions

Contributions, issues and feature requests are welcome! Feel free to check issues page. For more TODO's for this project, see list in CONTRIBUTING.md

📝 License

Credits

Logo by author (@Longwater1234). CC-BY-4.0 License.
Homepage banner image: Avi Richards, Unsplash
Demo video content: all creators listed on "Credits" webpage.
Web font used: Fira Sans