Welcome to the DUAW project! DUAW stands for visit, get together and communicate in Bisaya language and is also an abbreviation for the different bootcamp tracks of TechLabs:
- Data Science
- UX Design
- Artificial Intelligence, and
- Web Development!
When we started our graduation project, we saw that there is not yet a place where all the projects are presented. Interviewing our TechLabs mentors indeed revealed that often final projects "fizzle out" after being finished, and same goes for the students that created them. This defined our mission: Creating a platform where the projects can be showcased in a nicely structured and visualized way, so students can proudly present the skills they accomplished. We also want to strengthen the TechLabs community by allowing project members to provide their contact data (e.g. their LinkedIn site), by upvoting other projects and even letting interested people contact the team for suggestions, feedback or collaboration. Additionally, potential future TechLabs students see which awesome graduation projects they would be able to build after taking a bootcamp.
Technically, DUAW can be understood as a wrapper for GitHub repos. The project teams have to add a few files into the repository as explained on the DUAW website, afterwards notify the DUAW team for the project to get uploaded. The data is then fetched via the GitHub API and transformed into a new page for showcasing this project.
First of all, our final result 😊:
Clickable Figma prototype and commented Figma prototype
Also, find below all documents and files created from us during the entire UX process!
- User surveys for TL students and TL track leads
- User survey results for the TL students and TL track leads
- Empathy Maps for the TL students and TL track leads
- User Interviews and their results
- Personas and User Stories
- Brainstorming session
- Project Definition
- Features and Content
- Information Architecture
- User Flows
- Wireframes
- User testing results
DUAW is a web app, created with React. and styled with MUI component library.
1- Install node.js on your machine through this link: https://nodejs.org/en/
2- After clonning the repository, and having the complete project files saved in a folder on your computer, open the project folder with your desired editor.
3- Enter the project folder in your Terminal cd my-app
5- Run npm start to open the App.
4- At this point normally the app should automatically open in your browser. If not open a browser tab with this link: http://localhost:3000/ to see the app.
5- To close the React App type CTRL-C
6- To install MUI used for styling run: npm install @mui/material @emotion/react @emotion/styled
To update the recommendations for display on the website:
- The following python packages are needed:
pandas,numpy,requests,json- ML:
from sentence_transformers import SentenceTransformer,from sklearn.metrics.pairwise import cosine_similarity
- execute
recomender-system.ipynb(inJupyter Notebook) - update the content of the
recomendations.jsonfile: recomendations.json - the last step will require a pull request and merging by a member of the DUAW team
For further details please refer to the Data Science documentation: DS-Readme.md
The current prototype is fetching data from an external github organisation: https://github.com/faketechlabsberlin.
To be presented on the DUAW website, the following steps need to be undertaken in the github repository of the project:
- Under
Settings: theaboutsection as well astopicsneed to be filled. - To provide further information about the team, the
project-information.jsonfile needs to be downloaded, updated with required information and added to first page of the repository. - A project image (JPG format) needs to be uploaded at the first page of the repository and called
project-image.jpg - Finally the entire repository needs to be forked to https://github.com/faketechlabsberlin
- UX | David
- UX | Celine
- UX | Constantine
- WD | Javad
- DS | Constanze
- Bernardo
- Git & GitHub
- React
- HTML
- CSS
- JavaScript
- Python 3
- Jupyter Notebook