React Weather App
Technologies used: React, DarkSky API
I've developed this weather app for my React/Node.js class. The point of this assignment was to understand and learn the basic fundamentals of React. The data gets fetched from the DarkSky Weather API. I used my component "FetchCurrentWeather.js" to fetch all the data needed and afterwards passes it on to other components. When you choose another city the API gets fetched again based on the coordinates of the chosen city - and the design of the app changes based on the response of the weather condition. The screenshot of the application shows the frontend on a 'overcast'-response.
I've spend the Easter 2020 developing this project for a friend of mine who's studying art and during the Corona crisis wants to display her art. She wanted a website where she could display her art as well as inviting others to display there as well. The site has three different "rooms" for displaying different kinds of art. Everything on the page is fetched from a WordPress REST API and therefore everything on the page is customizable, for when another artist wants to display in their own style on the site.
Django Library Project
In my Python/Django class our assignment was to develop a library system. The application has a full account management system where you can sign up as a user or as staff. Users can loan material and view a listing of their loans and expire dates. As staff you can submit books and magazines as well as viewing the expired loans from the users.
I recently finished this project for my Interface Design exam. On this website you can sign up and insert all the items of your fridge. This application will then return recipes that match the ingredients you've inserted. This project was highly focused on making the user experience as smooth as possible and keeping the UI as simple as possible. To maintain consistency in our design we make a custom made css-framework and designed every single page in Adobe XD before coding a single line of code. The homemade css-framework and detailed mockups from XD helped me to quickly setup the entire site. Please click Code if you want to try it out.
My Virtual Pantry
This project is a result of my recent exam in Databases. We build the backend and database for our front-end project Limeless. On this application you can handle all the users of the Limeless application as well as their custom pantries, ingredients, recipes, creditcards, payments and much more. All this data is stored in a SQL database - and we use PDO to access and execute queries in our database. Please note the frontend design is meant as a joke!
This project is a result of my course in PHP. I've build a website where you can sign up as a user or an agent. As an agent you're able to sell and manage our appartments and houses. As a user you're able to like and save your favorite appartment/house to your profile. This application works as a full CRUD system for agents - both their real estates and profiles are fully editable. I've also implemented a map where you easily can select the appartment of a specific area you're intrested in. All the data is stored within a data.json file - and all the PHP-API's of the application are validated. Please click Code if you want to try it out.