flotsam3 Goto Github PK

align-test

Aligning Div's with margin and text-align

animation-station

a_stylish_website

css-styler

deployment-demo

design-exercise

dinosaurs

drag-and-drop-quiz

This quiz is created as an desktop application. Challenge yourself with questions from certain areas. Depending on your preferred level of dificulty, you have a maximum of 45 seconds to bring five answers into the correct order by using drag and drop. Having only five seconds left, a countdown reminds you to hurry up, so keep your sound turned on. To boost the tension, you will compete against a computer player. After having finished all 20 questions, you will find your name in the leaderboard and according to your performance a max of three medals on your imaginary chest.

fashion-splash

finalwebsite_dci_oc_2019

hotel

Creating a hotel website

macromonitor

Like the name already indicates, this app is aiming to help you keeping track of your daily food consumption. It allows you to record calories and macronutrients on a daily basis. By defining your individual threshold values, the app enables you to keep an overview wheather your food intake meets your own requirements and supports a healthy life...

make-me-a-happy-robot

Building a robot by using position relative and absolute

my-fitness-mate

This workout planner is a full stack application and was conceived as a group project. The idea was to build a website which allows you to create your own workouts and lets you track your progress. During the register process you will be asked a bunch of personal questions about your physique, your activity and your workout goals. This information is used to generate a basic nutrition plan with recommended values for your macronutrients. Additionally you are provided with a default workout plan, which you can modify according to your personal needs. Once finished the registration you find yourself on the dashbord. There you see an overview of the number of exercises set for each body part, your nutrition and your weight. Other pages to explore are the edit workout page, where you can configure your weekly workout plan, the daily overview page, where you can see what kind of workout you have to do for today and finally the calendar page with a brief overview of all accomplished and missed workouts. A click on your avatar directs you to a page where you can overwrite your personal information filled in during the registraton process.

myrepository

Test Github Pages

next-quiz

node-jwt-issuer

node-jwt-issuer-httpcookie

nodejs-server-exercise

nutrition-tracker-int

pinstagramatic

plex-website-final

Replicating the Plex-Website

react-calculator

A simple calculator with react components.

react-currency-converter

react-movie-database

Application to search for movies.

react-note-taking-app

react-nutrition-tracker

A small nutrition tracker built with React as an application for desktop and tablet devices. Build up your own database by adding new groceries and enter the amount of your daily consumption to each food. You will then see an overview of your total consumed calories, carbs, proteins and fats. You can also create menus by selecting multiple food from your list. At the end of each day you have the opportunity to save your overall consumption for the day in an archive.

react-random-activities

react-speedometer

react_calculator