GithubHelp home page GithubHelp logo

course-platform's Introduction

Course Platform

This is an online educational platform for users to use to access courses for all aspects of web development.

Tech

  • React JS
  • Node JS
  • HTML5
  • SCSS
  • Bootstrap 4/5
  • Javascript

Heroku Link

https://course-platform-ntesh.herokuapp.com/

Updates

  • (9/30/2021) : Started building out the Messages page. Currently adding in the "Active Conversations" side - will require responsive work to ensure it is looking good across devices. The actual "convo" will display to the right of the active conversations box.
  • (9/24/2021) : Fixed up some styling for the entire Courses page. Changed the layout of the Active Courses title/progress. Created all new icons for the navigation as well as the featured courses section. Finished building out the Top React Courses section and added in new images/layout to match the Active Courses mobile view.
  • (9/22/2021) : Added in Featured Courses below the Active Courses section. Made a bunch of responsive fixes for the default Bootstrap col's to fit the dashboard layout and look better for tablet/mobile. Started implementing a Top React Courses section.
  • (9/21/2021) : Restyled the "Active Courses" for mobile. Now the course titles/category appear beneath the image, and the progress bar shows above the title. Removed the Dashboard page, updated both desktop and mobile navigation to relfect changes - didn't feel a dashboard page was needed so Courses will now act as homepage.
  • (8/31/2021) : Fixed a z-index error for mobile nav, as well as the positioning of the mobile header. Started building out the Courses page. Created a searchbar component, and added in "active" courses to continue working on - each course shows a progress bar to show how far you've gone through the course.
  • (8/27/2021) : Correct styling has been added as well as SCSS variables. The left side navigation has now been fully styled. I have created custom icons as well as added in the notification bubbles. Also added on the navigation is the user profile area at the bottom. The app is now fully responsive, with a custom mobile nav component and mobile header component added. Fixed some margin and padding issues from the default Bootstrap classes.
  • (8/26/2021) : This is the beginning stages of development (Not responsive & Primary Colors have not been set). The React Routes have been properly set up, along with each Switch components that act as pages within the platform. The sidebar navigation has been set up and is linking to each route correctly. The active class has been set up for each active link.

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.