Giter Site home page Giter Site logo

aliaagheisx / code-courses Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 3.0 90.78 MB

About CodeCourses is an e-learning website that offers articles, courses, quizzes and even chat rooms for instructors and students in various topics. Admins have full control of the website and can remove content they deem inappropriate

Home Page: https://aliaagheisx.github.io/Code-Courses/

Shell 0.04% JavaScript 90.18% HTML 0.16% CSS 9.62%
database express nodejs react sql mysql website apache crystal-reports expressjs

code-courses's Introduction

Hi ๐Ÿ‘‹, I'm Aliaa gheis

A passionate computer engineer student

aliaagheisx

  • ๐Ÿ”ญ Iโ€™m currently working on my projects

  • ๐ŸŒฑ Iโ€™m currently learning Computer Graphics, Machine Learning

  • ๐Ÿ“ซ How to reach me [email protected]

๐Ÿ”— Links

linkedin codeforces leetcode HackerRank stackoverflow codechef topcoder HackerEarth codepen behance figma

Languages and Tools:

arduino bootstrap c cplusplus figma git html5 illustrator javascript linux pandas photoshop pug python react sass webpack xd

code-courses's People

Contributors

ahmedoshelmy avatar ahmedr2001 avatar aliaagheisx avatar menna-ahmed7 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

code-courses's Issues

routes of users & admin remain

  • /users route show all users
  • /instructors route show all instructors
  • /students route show all users as admin
    • add delete all users[students]
    • add delete user beside user data
    • add make admin button
  • /instructor show all users
    • add delete all instructors
    • add delete instructor beside user data
    • add make admin button
  • student/<int:id> route
  • /me route
  • be instructor button
  • show instructor profile
  • instructor profile
  • edit instructor
  • delete instructor

Backend APIs

  • Article Apis

    • Create Article (Sets Fname and Sname)
  • Student Apis

    • Edit Student
  • Comment Apis

    • Add Comment to an article
    • Get Comment by ID
      - [ ] Create Comment API
    • Edit Comment API
      - [ ] Get Comments by User ID

Courses

  • POST: add course
  • PATCH: edit course
  • DELETE: course
  • GET: (no. enrolls | no. of rating for each cat.. | instructor det...| extra later...)
    • by course id
  • GET: (no. enrolls | rating oh higher votes | )
    • by topics
    • by name
    • by instructor
    • by student
  • POST => enroll in course
  • POST => dis enroll in course
  • PUT => reviewBody | reviewRating
  • DELETE => review

Topics

  • show topics
  • add topics
  • edit topic

Comments

  • styling comments
  • fetch from api
  • add comment
  • add reply
  • delete comment | reply
  • edite comment | reply
  • like article
  • dislike article

small fixes

  • path in add element
  • add logo
  • edit side nav to show option of topics only for admins
  • responsiveness of side nav
  • responsiveness of main nav
  • on delete anything must pop up confirmation model
  • fix responsive of profile bar in Layouts/StudentProfile/ProfileBar like this
    image

Rest of front in Lessons

  • button add lesson inside course => navigate to add course
    • to = /lessons/add
    • you can make enroll|disenroll buttons appear as [add lesson] if the user is instructor of course in layouts/courses/showCourse/Options
    • in this case you need course.INSTRUCTORID as props in options which can pass from any their parents
    • should make /lessons/add/:cid and make selection of course ready on it it's on me if you want or can make it
  • button edit lesson beside lesson => navigate to edit lesson
    • to = /lessons/edit/:l_id
    • same style as edit comment | review or any other ideas
    • you can added it in => components/CourseContent/ you can added inside Accordion.Header beside name
  • button delete all lessons
    • you can added it in => components/CourseContent/ beside header or number of lessons
    • there's a great component name DeleteAll found directly in src folder you could use it takes
      • path = string [api] => you should path of api => in your case => you should get it from backend or ask for it then add to /src/api.js and used if you want you could use it directly
      • txt = string [name of button]
      • afterDelete = function get called after succuss the fetch
  • button delete lesson
    • you can added it in => components/CourseContent/ beside lesson
    • you could use DeleteAll found directly in src folder
    • **if you want you can use lessons as state that change and when it delete[afterDelete function] the state change by deleting lesson
      so doesn't appear in more without reloading

Quizzes Create and Get

  • getAllQuizzesByInstructor
  • PostNewQuiz
  • PostNewQuestion
  • PostNewChoice
  • getChoicesByQuestion
  • getQuestionsByQuiz

Article

articles phase 2

  • search on article by topics

  • search on articles by => name

  • add article

  • article/id

    • main body
    • show instructor
    • show likes
    • add likes
    • remove likes
  • set user read it

  • get num of articles read

  • get num of articles write

  • show user articles that:

    • liked
    • read
    • write
  • show all articles

  • edit articles

  • delete article => {admin || same instructor}

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.