Skip to content

Webside that shows a mini course with different videos and plays every video when it is selected.

Notifications You must be signed in to change notification settings

yaairfernando/course-app

Repository files navigation

Contributors Forks Stargazers Issues LinkedIn Hireable


Mini Course webside using react with ruby and rails

In this project we developed a webside that shows a mini course with different videos and plays every video when it is selected.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

Screenshot Image

Styled Components

  • Styled Components allow you to write plain CSS in your components without worrying about class name collisions.
  • It helps to write CSS that's scoped to a single component and does not leak to any other element in the page

Built With

The project was developed using the following technologies:

Required Installations

Prerequisites

This project runs on Ruby, and Rails

  • Node
  • NPM
  • Ruby
  • Rails

After installation, run ruby -v to make sure Ruby installed correctly. Example

$ ruby -v
ruby 2.6.4p104 (2019-08-28 revision 67798) [x86_64-linux]

Also make sure that Rails is installed, but running rails -v. Example

$ rails -v
Rails 6.0.2.1

Installing

Install the following to get this project running in your machine:

Instructions

Follow these steps:

Clone the Repository

user@pc:~$ git clone https://github.com/YairFernando67/course-app

Click on the console and to go to the folder that was created

user@pc:~$ cd course-app

This project uses Postgresql

Installing dependencies

user@pc:~/course-app$ bundle install --without production
user@pc:~/course-app$ rails db:create
user@pc:~/course-app$ rails db:migrate

Run this command if you encountered a problem runing rails db:migrate

user@pc:~/course-app$ bundle exec rails db:migrate

Serve Project

Open two tabs on the console on the same folder course-app

Start the local server with rails:

user@pc:~/course-app$ rails s

Start the local server with react:

user@pc:~/course-app$ ./bin/webpack-dev-server

Open your browser on http://localhost:3000

Contact

👤 Yair Fernando Facio

Screenshot Image

Project Link: https://github.com/YairFernando67/course-app

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

About

Webside that shows a mini course with different videos and plays every video when it is selected.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published