GithubHelp home page GithubHelp logo

dhbw-timetable / rablabla Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 0.0 1.87 MB

Home Page: https://rablabla.hobbytes.de

License: MIT License

Java 23.24% HTML 2.79% JavaScript 43.83% CSS 30.14%
timetable calendar java html css ajax servlet javascript dhbw dhbw-timetable

rablabla's Introduction

Rablabla - OUTDATED

Notice: This project is outdated as we are moving this projects vision to dedicated servers. We will update the project accordingly and add new features rightaway. You can access the latest version of Rablabla at https://rablabla.hobbytes.de

A web application for the web based rapla timetable. It scans the DHBW timetable and offers it via a self-updating calendar server.

Frontend

We use npm and gulp to build our frontend with ReactJS and SCSS.

Install all dependencies:

$ npm i

Then let the project build and start a web server:

$ npm start

You will see a local frontend using the staging backend API.

Backend

Currently our project does not provide an option to run your backend locally on your computer. But you can easily push Rablabla to a test route on your IBM Bluemix Account and let it run online. To do so you can just run:

$ npm run pack

for building the whole without running. And use the Bluemix CLI to push it online:

$ bx cf push Rablabla-Staging -n <your-test-route> -p defaultServer

Notice

Malte Bartels, Dominik Lenz, Hendrik Ulbrich © 2017, 2018

You can use and modify this software under the given license. This product uses mangstadt/biweekly library for it's .ics file output, callemall/material-ui and several other librarys mentioned via pom.xml and package.json.

rablabla's People

Contributors

dominik-lenz avatar hendriku avatar lenzenowski avatar maltebartels avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

rablabla's Issues

Implement Description Dialog

It would be cool if we could provide a way to display hidden information on extra small devices (room, persons, info).

I would suggest a material-ui dialog triggered by a click on an event.

@MalteBartels Can you do this? After release...

Onboarding modal not very responsive

bildschirmfoto 2017-11-02 um 13 06 46

Currently there is too much h-space on small devices when showing up onboarding modal. This is caused by the fixed definition of width via %. Suggestion is to source out the CSS to an external file and take care of responsiveness via media queries.

We also should take care that the required-star (*) does not fall in the second line.

Implement Onboarding Modal

We need to implement an Onboarding process where the user submits his rapla URL. I would suggest to ask for it within the Main component and store it in the local object such as:

this.url = ‚https://rapla.dhbw-stuttgart.com/key=Bluuuuuuuuub‘

v1.1 caches

As it is not possible that our site will load the appointments faster than rapla does, we have to cache the information like: dailyEvents, url to simulate fast loading.

Fix vertical scrolling

Vertical scrolling has to be disabled since it produces weird things on windows scrollbars when using material-ui

Get ICS link modal

Currently the MenuItem for this action only triggers an alert which displays the link to the user. It would be nice if we‘d had a better designed graphic modal which also offers a kind of ‚copy to clipboard button‘ and a short text like: „Copy and paste this link to your chosen calendar application. It will update automatically.“.

React Release Build

We currently use the development build of react which is good for debug. We should use the release build after we release our first version. Maybe implement this process in GULP.

Style the messages

The messages from user and watson are currently only rendered as text. We should style them like speech bubbles.

DefaultProps and PropTypes

Lets be safe and define propType defintions of type and default value in our components. I will do a linter rule for this.

Events not responsive on Win/FFox

Some cut of text informations on small windows (Firefox):
image

Less but still some on Chrome:
image

The hiding of the info and dozent elements is also not done safely. Sometimes the info appears, then the tutor disappears and then the info disappears but the tutor disappears again... Does not seem to be 100% correct. I'd suggest to do it in a cleaner way being aware of hiding informations earlier.

This happens reducing the height every time:
image
image
image

@MalteBartels this is the only thing I've notived within the testing on my windows machine.

Windows 10
Firefox 56.0 & Chrome

Release

Release the version v1.0 on 09.11.2017. 23:23

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.