coding-blocks / codingblocks.online.projectx Goto Github PK

View Code? Open in Web Editor NEW

30.0 13.0 105.0 9.56 MB

Coding Blocks Online Courseware Platform

Home Page: https://online.codingblocks.com

JavaScript 57.32% HTML 1.36% CSS 2.78% Shell 0.13% Handlebars 35.66% SCSS 2.75%

codingblocks.online.projectx's Introduction

Frontend for Coding Blocks online made using EmberJS.

Prerequisites

You will need the following things properly installed on your computer.

Installation

Make sure CodingBlocks Online Server is installed and running
git clone https://github.com/coding-blocks/codingblocks.online.projectx this repository
cd codingblocks.online.projectx
yarn install

Running for Development

export oss=true && ember serve
Visit your app at http://localhost:4200.
Visit your tests at http://localhost:4200/tests.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Linting

npm run lint:hbs
npm run lint:js
npm run lint:js -- --fix

Building (for production)

ember build (development)
ember build --environment production (production)

Deploying

Specify what it takes to deploy your app.

Engines

We are starting to use Ember Engines for this project. Some commands that can come in handy:

Run at application root: ember g route <route-name> -ir <engine-name> to run blueprint inside an engine
To add components to the in-repo addon (preferably for sharing components accross engines): ember g component -ir ember-w-pack <components> -c

codingblocks.online.projectx's People

Contributors

Stargazers

Watchers

Forkers

apoorvaagupta bhavyaagg abhishek97 vdvibhu20 ankushmalik ananay ashishkrgoyal thenamankumar architkshk dhruv10 diljyots 28ritu till-tomorrow abhishall nishantnischaya abhisheksh02 vigneshtdev shreyjain711 webdevraj dhroov7 lazy-god firefinchdev venomousboxer rishabh570 adityahirapara mohitj27 namrata10104 aggarwalpulkit596 vivekshukla00 ishaandhamija jatinkatyal13 vibhorgupta-gh milind-soni hitgo00 mighty-phoenix criticic sachin235 codedsun nileshpatra farhan787 tdevm sourabh1031 munishgrover ashkush21 rohit645 nikhilsingh0906 suyashdeshpande 6sr muskankhedia tmnnt iamspathan bipinkalra crusader2000 imdhruvgupta rkbp-099 adityasrivast crweiner faelribeiro22 gupta2140 leelatanniru thoyvo archaeologist03 pseudonerd trishitapingolia jithikasagar123 zaklaughton mayank2424 sarthak-1998 aksish007 ayush7894 1arp aryangulati guptapranav4299 aannaassalam chtushar joeedwin tanishqsanduja prabalsingh24 karshil2309 kunal202 kushaggarwal shivam7374 b30wulffz prajwalkpandey sleep-404 samagragupta roubalsehgal aayushwadhwa1 kaushkiraj sanjeetboora spurgeonprakash pulkitg64 rahgurung devashishsingh98 hackerup sokogfb kumailzaidi12 narayan954 aloknathyadav pavankalyan0105

codingblocks.online.projectx's Issues

Handle Callback response from Dukaan

Add a Route /payment_webhook
Define queryParams: oneauth_id=xxx&transaction_id=xxx&transaction_status=xxx&product_ids=[]
Make request to backend POST /api/v2/run_attempts to try and create a run_attempt(s) for current user.
If successful, redirect to /classroom
If user is not loggedIn, enforce Login flow.

difficuty level icon overflow on smaller screens

The mobile nav-bar should close when clicking on any nav-link

Add content icons in course content page

<prev and next> in 3d card slider are performing opposite actions

reverse the action on click on those buttons

Replace "X" from "Table Of Content" toggle and use icon

You can use font awesome icons as they are already included as a dependency in this project.

PS: The icon should change depending upon the state of the toggle, Show a hamburger for collapsed state and cross for the expanded state.

Remove `code` queryParam when user is loggedIn

remove the code query param in URL when the user is loggedIn.

render notifications in markdown

Fix overflow for solve doubts and announcements containers on overview page

Horizontally center the logo for tablet and mobile

Suggest a feature or report a bug/issue

Meta issue for BOSS. Will always remain open.

Anytime you add a new issue, use this issue as reference to get bounties.

resume course button doesn't work on firefox

unable to buy any course

Clicking the buy now button does not do anything.

Make Youtube video autoplay

The Self-hosted videos are autoplay by default. Autoplay youtube embeds as well.
This should help: https://developers.google.com/youtube/player_parameters#autoplay

Replace "<" in "Go to Dashboard" button.

Show Appropriate message in case there are no contents in the course

On the course timeline page, show the following message if there are no contents.

incorrect width of reply now button in ask your doubt section

Problem Statement must be rendered as Markdown

The problem statement for code-challenge must be rendered via markdown.

Make Notification Box Close when clicked outside it

Currently only way to close it is clicked the bell icon again.

Register button is not visible for carousel cards after the 2nd card

Add motley as a git submodule in this project

Remove ./getMotley integration

fix overflow in doubts section

Make the required changes in motley repo

@architkshk Can you work on this since you have a fair idea of how to contribute in motley ?

would look better of the difficulty level icon is centre aligned

course contents (progress) overlflow/underflow

CB image link not redirecting to home page

The icon on the top of the page is not redirecting the page to the home page
"https://online.codingblocks.com", but is more like a refresh button for
the login page!!

broken course completion component css on course resume cards

Replace "Solve your Doubts" with "Ask your Doubts" everywhere

show modal with video player instructions

Show a modal with following info when user plays a self-hosted video (not during Youtube ones)

up/down changes video speed
left right seeks +/- 5 sec in video

Add a checkbox with "Do not show again" option, which if ticked, will not show again.
Save the "do not show again" boolean in user's localstorage.

Course Titles should be Hyperlinked

Course Cards should have hyperlinked titles, which should redirect to course page /courses/:id

This needs to be done for all course cards.

ENROLL TO COURSES VIA OTP section has invalid padding on mobile

clicking course from search result doesn't work

tested on both chrome and firefox

Horizontally center the home image for tablet and mobile.

Search input not responsive

The search input box have static 375px width, which cause overflow on mobile screens. SS:

use svg for course content icons

This is 500 points because whoever solves the issues needs to come up with the svgs too :D
(Use a PNG as a fallback probably)

all courses button border broken

if price == 0, show "free" instead of Rs. 0

Replace recommended-courses loader with skeleton cards

It will be nice to have a skeleton behavior while loading.

The required asset: https://www.dropbox.com/s/kmhfsrjgiamgswq/blankcard.svg?dl=0

BOSS: Bonus 100 Bounty points for animating it via CSS.

Linting errors

The error log is huge, owing to linting errors.

singularize batches -> batch if no is 1

Provide better error messages for Otp-enroll component

Here we have our OTP-Enroll component https://github.com/coding-blocks/codingblocks.online.projectx/blob/master/app/pods/components/otp-enroll/component.js

It is concerned with two ember-concurrency tasks: sendOtpTask and verifyOtpTask. We would want to provide error messages to the user as received from the backend instead hard-coded one. The error ~~can be a string or a~~ is a serialized Error object. The backend response code in case of error will be 400/500.

For VerifyOtp if you get 500, simple show "Wrong Otp". For 400 you will get an Error object, use that message.

Make CSS Framework based on ITCSS

Setup Framework
Setup Settings Layer
Setup Tools Layer
Setup Generics Layer
Setup Elements Layer
Setup Objects Layer
Setup Components Layer
@abhishek97 @witty123 Please check this:
https://github.com/aayusharora/motley

Will generate PR in this repository, after making components.

Make Buttons
Make Card

Make sure to cover both the login buttons.

error on clicking 'resume learning'

11:05:44.489 Error while processing route: attempt.index t.get(...).get(...).find(...) is undefined afterModel@https://online.codingblocks.com/assets/codingblocks-online-a69fe59a16f6c296695dc52be7f44c6a.js:97:300
w</e.prototype.runSharedModelHook/i<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3551:83
w</e.prototype.runSharedModelHook@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3550:7
w</e.prototype.runAfterModelHook@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3549:37
A@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3678:23
T@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3686:5
R@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3684:43
s</e.prototype.invokeWithOnError@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1612:273
s</e.prototype.flush@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1605:147
a</e.prototype.flush@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1617:13
f</e.prototype.end@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1629:7
f</e.prototype._run@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1670:65
f</e.prototype._join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1669:322
f</e.prototype.join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1638:8
Qe.join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2560:75
handleEvent/<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:256
e.flaggedInstrument@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2553:94
handleEvent@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:181
l.handleEvent@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3338:539
setupHandler/<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3347:14
dispatch@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:614:334
add/m.handle@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:609:224
i@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6123:12
 1 vendor-ffd644ca84697c0fe352d6edf60205e6.js:6109:59
	wrapMethod/e[t] https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6109:59
	error https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1864:8
	error/< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2917:1
	error https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2913:75
	C https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2929:6
	d https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3507:82
	b</e.prototype.trigger https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3541:36
	e/this.promise< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3536:231
	A https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3678:23
	T https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3686:5
	R https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3684:43
	x https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3681:136
	s</e.prototype.invokeWithOnError https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1612:273
	s</e.prototype.flush https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1605:147
	a</e.prototype.flush https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1617:13
	f</e.prototype.end https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1629:7
	f</e.prototype._run https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1670:65
	f</e.prototype._join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1669:322
	f</e.prototype.join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1638:8
	Qe.join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2560:75
	handleEvent/< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:256
	e.flaggedInstrument https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2553:94
	handleEvent https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:181
	l.handleEvent https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3338:539
	setupHandler/< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3347:14
	dispatch https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:614:334
	add/m.handle https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:609:224
	i https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6123:12

11:05:44.495 Error: More context objects were passed than there are dynamic segments for the route: error
Stack trace:
S</n.prototype.applyToHandlers@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3579:21
S</n.prototype.applyToState@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3576:8
P@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3599:733
transitionByIntent@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3638:344
F@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3623:367
intermediateTransitionTo@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3639:268
intermediateTransitionTo@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2873:78
error/<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2911:78
g@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2910:66
error@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2911:1
C@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2929:6
d@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3507:82
b</e.prototype.trigger@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3541:36
e/this.promise<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3536:231
A@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3678:23
T@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3686:5
R@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3684:43
x@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3681:136
s</e.prototype.invokeWithOnError@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1612:273
s</e.prototype.flush@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1605:147
a</e.prototype.flush@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1617:13
f</e.prototype.end@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1629:7
f</e.prototype._run@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1670:65
f</e.prototype._join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1669:322
f</e.prototype.join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1638:8
Qe.join@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2560:75
handleEvent/<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:256
e.flaggedInstrument@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2553:94
handleEvent@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:181
l.handleEvent@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3338:539
setupHandler/<@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3347:14
dispatch@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:614:334
add/m.handle@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:609:224
i@https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6123:12
 1 vendor-ffd644ca84697c0fe352d6edf60205e6.js:6109:59
	wrapMethod/e[t] https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6109:59
	captureException https://online.codingblocks.com/assets/codingblocks-online-a69fe59a16f6c296695dc52be7f44c6a.js:374:330
	n https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3280:7
	enableGlobalErrorCatching/Ember.onerror https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:7052:47
	s</e.prototype.invokeWithOnError https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1612:295
	s</e.prototype.flush https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1605:147
	a</e.prototype.flush https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1617:13
	f</e.prototype.end https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1629:7
	f</e.prototype._run https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1670:65
	f</e.prototype._join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1669:322
	f</e.prototype.join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:1638:8
	Qe.join https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2560:75
	handleEvent/< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:256
	e.flaggedInstrument https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:2553:94
	handleEvent https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3392:181
	l.handleEvent https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3338:539
	setupHandler/< https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:3347:14
	dispatch https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:614:334
	add/m.handle https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:609:224
	i https://online.codingblocks.com/assets/vendor-ffd644ca84697c0fe352d6edf60205e6.js:6123:12

README is outdated

The project also requires you to have bower and the README does not specify that.

Design and Implement Search on contents

On the Course consumption screen, it will be handy to be able to search on content names.

Design and layout of the search UI (Bounty: 200)
Implementation for Design (CSS, to done via motley) (Bounty: 500)
Feature Implementation (Ember) (Bounty: 1000)

Note: No need to make separate API calls to get search results, assume all data to be loaded on the frontend only.

This is the course consumption screen: