wanderdust / search-courses Goto Github PK

The meta tags are loaded dynamically with js using react-meta-tags. However they don't show when searching the website on a browser.

When browsing the courses from provider (bottom right on the footer of the page), the website lists all courses without any pagination system. This is a bit overwhelming. A pagination system could be included to show only some results at a time.

Problem:
The border of the magnifying glass is round and the search box doesn't look too nice because of it.

Solution:
The border of the magnifying glass shouldn't be round. Make it as if the search bar and the icon were one. box

So far we only show courses from Udacity and KhanAcademy. There are a lot more providers online that can be added to the website. You might need api keys, so go wild.

Here is a starting list:

• Udemy
• Coursera
• Udx
• Treehouse
• Future Learn
• ...

There is a cross origin error that arises when running the tests. Run the tests with npm run test and see for yourself.

Problem:
The styles are a bit simple and dull.

Solution:
There is a lot of room for improvement in the styles. I would like to keep the green theme the same, however any improvements are welcome, as I am not very talented with CSS.

A page that specially needs improvement is the one that shows detailed information about a course. The data in not structured very well and it looks like a big chunk of text. It could definitely look nicer.

Add a comments section for each course, for people to rate and comment on a course they might have completed.

Privacy policy text has margins too big when watching on a small device.

So far I've been using firebase as a database for all the courses. The way it works is this:

• Make a call to the provider API
• Save the courses in the firebase
• Make a request from firebase whenever I need courses

However this implementation is not sustainable, because whenever I get more providers I'll need a gigantic diatabase.

Solution:

Drop firebase and make an api call directly every time we search for courses. This might slow down the search, since some apis can take a long time to give an answer. Ideas?

I want the sidebar at the right side in the CourseInfoDataBlock to stay fixed when the user scrolls down. So the sidebar would be following the user as they scroll down.

Something like this: https://www.udemy.com/the-top-5-machine-learning-libraries-in-python/