Giter Club home page Giter Club logo

udemy-clone's Introduction

YOU-DEMY

Live link

What is YOU-demy?

YOU-demy is a web application for learning inspired by Udemy. YOU-demy is intended to be a source of education where the instructors are self-motivated and passionate for the courses they create. Courses are created by those knowledgeable in a subject, and others enroll in the class if they are interested in the subject. This project was built in ~60 hours, but more features will be added as time allows.

YOU-demy Features

  • Courses
    • Each course can be individually viewed to see additional data and course information.
    • After selecting a course to view, a list of suggested similar courses is populated.
    • Videos can be played while viewing a course.

carousel movement

  • Searching/ Browsing
    • Users have access to a search feature that allows quick navigation of matching courses.
    • Courses can additionally be browsed by clicking on arrow buttons in a row of similar courses.
    • Results of searches can be sorted by multiple factors.

search results

  • Reviews
    • Courses have reviews that are written by students of the course.
    • Users are able to provide text-based reviews as well as a 1-5 rating.

Technologies Used

  • Backend

    • Database: PostgreSQL
    • Data models, controllers, and routing: Ruby on Rails
    • Authentication: BCrypt
  • Frontend

    • Framework: React
    • State Management: Redux
    • CSS3

Upcoming Features

  • Expand search to match additional fields of courses (instructor, description, subtitle).
  • Implement fuzzy-matching on searches to provide results for typos.
  • Bookmark feature to let users save courses for the future.

udemy-clone's People

Contributors

shmily40686 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

udemy-clone's Issues

Thanks!

Just wanted to say this awesome. Thank you for making this!

Project Proposal

Wiki Page Home

  • Is the first page you see upon entering the wiki
  • Contains a welcome message
  • Contains a link/placeholder for a link to the live page
  • All links in the right sidebar should contain each wiki page and link to the correct page
  • Correctly formatted
    • each wiki page is listed in bullet points
    • all links route the correct page

Comments


MVP List

  • Should have 7 MVPs.
    • 3 of those are User Auth, Heroku, and Production README.
    • The other 4 are from the MVP List or they have clarified them with you
  • Contains a description sentence of the app
  • Includes two to three detailed bullets on functionality and presentation of feature
  • At least one CRUD feature, which states what CRUD operations are planned (creation, reading, updating, deletion)
  • Estimates how long it will take the code each MVP
  • Correctly formatted
    • MVPs are listed in an ordered list
    • Each MVP is broken down into bullet points

Comments

  • for MVP 4-6, capitalize the first letter of the feature
  • add description of the app
  • for your CRUD feature, be a bit more descriptive

Database Schema

  • Contains correct datatypes
  • Contains appropriate constraints/details
    • primary key
    • not null
    • unique
    • indexed
    • foreign key
  • Contains bullet points after the table that state which foreign keys will reference to which table, or references to the associations which will be made
    • foreign key and table name are lowercased, snake_cased and back_ticked
  • Correctly formatted
    • schema is written in a table format
    • the table's name are lowercased, snake_cased and back_ticked
    • the table header column names are bolded
    • columns names are lowercased and snaked_cased and back_ticked

Comments

  • add bullet points under tables for indexes and foreign keys (take a look at the Bluebird example)
  • what is the course_content table for? what is the index column?
  • table name should be plural
  • add primary key for the ids to the details column

Sample State

  • State shape is flat!
  • State's keys are camelCased
  • All keys within the values in the state are accessible in the schema
  • Correctly formatted
    • Sample state is rendered with triple backticks, and the language ```javascript...```). This will display the state as a code block instead of a giant line of text
    • Top level slices
      • entities
      • session
      • errors (here or in ui)
      • ui (if needed)
    • Should NOT have nested slices, aka comments inside of posts
      • Some info from other tables is ok, for instance:
        • the author username and imageurl for a post. basically any info that the user can't change
        • like count and a boolean on whether the user likes the post instead of a likes slice

Comments

  • for frontend user auth, would recommend you to have a session slice of state that stores currentuser id

Backend Routes

  • Contains the following sections: HTML, API Endpoints(Backend)
  • Each route has a description
  • API Endpoint routes contains wildcard variables written in snake_case
  • Routes does not contain superfluous routes
  • Have API routes that will allow the front end to get all info it needs and does not have unneeded routes:
    • probably doesn't need a GET likes api endpoint because that info comes through the post show

Comments

  • for your course route, will it be /api/course or /api/courses
  • which route will be for your CRUD feature?
  • snake case for wildcard variables
  • do you need a route for your videos?

Frontend Routes

  • Frontend routes contains wildcard variables written in camelCase
  • Correctly formatted
    • Routes are displayed with inline coding text (backticks)

Comments

FATAL: database "udemy_clone_development" does not exist

Hello Team,

I want to learn developing in rails and react , when I do the setup I get

FATAL: database "udemy_clone_development" does not exist

Could you please guide me the setup and installation steps to make it up and running

Thanks and regards
Raghav

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.