Project built in HackEPS 2018
Following the idea that the Escola Politècnica Superior gave us at the beginning of this hackathon, we wanted to revolutionize the concept of finding a professor for doing a final thesis. Students are a young group, which its own routine. So, what could be better that adapts this problem to their day-to-day?
Our web app is used for finding professors and students in order to do the final project for their degree. For making this easier for the students, we have decorated Hubder with the same concept as Tinder. Because yeah, professors are looking for students and students are looking for professors. Like Tinder, right?
This web app allows you to register and log in as a student, professor or coordinator. Once inside the application, you can edit your profile adding a project proposal, list a batch of professors or students for swiping left or right and finally you have the possibility to list all of your matches.
This project is independently separated into two modules: frontend and backend.
- Frontend: Everything has been made with React. We wanted to ensure that everything was intuitive, responsive and (of course) beautiful. It can be seen in the photos how the interface is.
- Backend: We used Python as a language for this module. With the help of Flask, we've built a RESTFull API as an endpoint for the frontend. This API is connecting with a PostgreSQL database, dockerized for making this easier, building a stack for managing all this application.
When we started hacking, we had a lot of ideas that hasn't been able to be made reality. But time is limited and we couldn't achieve all the features that we wanted for this project.
Nevertheless, we are really proud of the results we had. Everyone on the team has worked with technologies that never had experience of. We also are proud of being capable of working with a good team cooperation, parallelizing tasks and being efficient in helping each other when was necessary.
As it is said above, we all have had the opportunity to work with technologies that we never had used before. The use of React, SQLAlchemy and Flask has been a challenge that has made us learn a lot of concepts we didn't know. We've learned about how to organize projects like this one when we have a lot of languages, frameworks and different components without any incompatibilities.
We would like to improve the experience of this problem, making it easier for the user to find its goal.
- Python 3.6+
- Node v6
- docker-ce (as provided by docker package repos)
- docker-compose (as provided by PyPI)
via docker-compose
docker-compose up -dYou should initialize the database after running all the stack. For doing this please run the following commands:
docker run -it --rm --network hubder hubder_hubder-db psql -h hubder-db -U postgres postgres -f /tmp/create_api_ddl_base.sql
docker run -it --rm --network hubder hubder_hubder-db psql -h hubder-db -U hubder hubder -f /tmp/create_api_ddl_hubder.sqlor you can run easily the following script:
./start.shUsage of virtualenv is recommended for package library / runtime isolation.
To run the server, please execute the following from the root directory:
- Change directory to the API one
cd hubder-api/- Setup virtual environment
python3 -m venv env
source env/bin/activate- Install dependencies
pip3 install -r requirements.txt- Run Startup server
python3 -m srcor via docker-compose (from root folder)
docker-compose up -d hubder-api-appIn the project directory, you can run:
npm startRuns the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
MIT © Hubder