fossasia / susper.com Goto Github PK
View Code? Open in Web Editor NEWSusper Decentralised Search Engine https://susper.com
License: GNU Lesser General Public License v2.1
Susper Decentralised Search Engine https://susper.com
License: GNU Lesser General Public License v2.1
the url parameters are implemented as matrix parameters(default way to pass parameters in angular2 using semi colon) now , but since matrix parameters are not good for our case ,it is better to change them to query parameters with ? and &.
Isn't it good to have a progress bar to show while doing a search.
implement susper ,similar to google.
Implement a menu with tabs "All", "Images", "Videos" and "Search Tools"
On clicking "Search Tools" show submenus
Below menu "All" show options
Sort by date
All Results, File Types, Provider, Authors - with a dropdown menu that opens on scroll over and shows tick boxes
Below Images show options
All Images, File Types (only show image file types here), Provider, Authors - with a dropdown menu that opens on scroll over and shows tick boxes
Below Videos show options
All Videos, File Types (only show video file types here), Provider, Authors - with a dropdown menu that opens on scroll over and shows tick boxes
The goal would be to implement a design closer to google than to the old susper design with the sidebar.
more details can be found at
fossasia/susper-backbone#5
We could do following do following changes
Alignment of the search results page(PS:the red lines), please see the image below
The Menu about right now works on both hover and click, we can keep it just one which would be make it easy even I feel icons are pretty huge may be we could change dropdown menu as next pic
Floater's position could be fix such that when we scroll it stays at bottom instead of moving along the scroll and we could hide the flyer in mobile or make some change such that it doesn't overlaps texts
All these issues are very small I would suggest first timers solving them, I am ready to help if needed.
present susper susper-backbone has a choice to search images, this could be implemented here.
when we type a url which isn't present , the site isn't rendering us anything in router-outlet. a 404 error page implementation would make this fixed
since github doesn't make calls to http servers (mixed content) ,susper doesn't work on github pages .one way we could make a workaround for this is to publish the site to a custom domain by adding a CNAME file.
@mariobehling
adding the codecoverage , and html linters would make the code quallity better and easier to view and understand. one picking up this issue needs to correct html lint errors present in the project too.
add codecoverage
add html linter and correct lint errors present
Coala should not be on gh-pages but on the angular branch as done by @harshit98 we should remove it. It is also not working there!
The search bar on the results page seems to have a bug. It does nothing on clicking the search button.
The links under the help icon are redundant as they all point to yacysearch(as it was in susper-backbone), they require to be updated, and restyled. @mariobehling Any ideas on how to go about this? Especially since google has no feature like this.
Susper:
Isn't it good to have a place holder for search input box.
As mentioned in issue no #37 , the style of susper.com looks a bit dull. It should be attractive and eye-catching in terms of styling. Here are the screenshots -
It should be styled similar to loklak.net. Also, we can add a tag-line between susper logo and search bar. We can discuss about it though if we need it.
Result Page -
The start page shows a loading info. Please avoid loading infos.
this is an evolutionary issue. and one could start by contributing the tests to those functions not covered in the test suite .
addition of the code coverage tools could also be done.
the present filter functionality and search tools functionality could be implemented.
implement the filters
implemet the search tools bar
The basis of the service was the old susper.com website. The goal of the new development would be to get a service that has a more modern design similar to google and loklak.
The search bar in the home page and the results page need to be linked, i.e, text in one should be displayed in the other. I think a common component that is injected into both pages will be a solution. What do you think @nikhilrayaprolu ?
result's page is a single component now . which could be sub divided into many components which makes the code maintainable and understandable.
Left :-
Pagination component.
Images component
videos component
The pagination bar has the following two problems
now when ever user wants to search something he has to type it and click enter , a auto search feature while user types would fix this
When we navigate from one page of images, to the next and then click on the all tab, we get results from the 10th page(since a 100 images are displayed each time).
This may confuse the user, we have two possible solutions
To give good user experience we have to link nav-bar logo and 404 page with the home page. like google does.
We should not have link from homepage to homepage again, from accessibility point of you, Sometime this could be confusing..
Please implement Angular2 to gh-pages branch on each commit.
This is already implement in the loklak search project. You can check there for questions as well: https://github.com/fossasia/loklak_search
currently we have only one component for results page, but it is a bad practice to have a whole page as one component .subdividing the results component to subcomponents will lead to cross component communication, and extending susper in future would lead to many more cross component state dependencies.
so a solution to this is to implement redux based architecture for search results and any other cross dependencies in future.
On the homepage susper.com , clicking on SUSPER logo directs to yacy.net . The logo should not link to any website just like Google search engine.
The search bar in the 404 page needs to be updated. It does not render search results, moreover it needs to be updated to the latest version which looks like this
instead of:
NOTE:Instead of hard coding the search bar every time we use it, simply including the navbar component would be more efficient.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.