Loon – Portfolio
arrow

ghib-lix

ghib-lix

ghib-lix

ghib-lix

ghib-lix

04_Ghib-lix

LAUNCH: 2024

LAUNCH: 2023

LAUNCH: 2023

LAUNCH: 2023

LAUNCH: 2023

TYPE: React App

TYPE: React App

TYPE: React App

TYPE: React App

TYPE: React App

ACADEMY: Career Foundry

ACADEMY: Career Foundry

ACADEMY:
Career Foundry

ACADEMY: Career Foundry

ACADEMY: Career Foundry

ROLE: Developer

ROLE: Developer

ROLE: Developer

ROLE: Developer

ROLE: Developer

introduction

introduction

introduction

introduction

introduction

It's about a full-stack web development project as part of my further education. Server-side and client-side development of a React app on which users can create an account and find out information about Ghibli films and save their favourites in their profile.

It's about a full-stack web development project as part of my further education. Server-side and client-side development of a React app on which users can create an account and find out information about Ghibli films and save their favourites in their profile.

It's about a full-stack web development project as part of my further education. Server-side and client-side development of a React app on which users can create an account and find out information about Ghibli films and save their favourites in their profile.

It's about a full-stack web development project as part of my further education. Server-side and client-side development of a React app on which users can create an account and find out information about Ghibli films and save their favourites in their profile.

It's about a full-stack web development project as part of my further education. Server-side and client-side development of a React app on which users can create an account and find out information about Ghibli films and save their favourites in their profile.

phase 1: 

API

phase 1: 

API

phase 1: 

API

phase 1: 

API

phase 1: 

API

Create an API for the film data to be retrieved from the server side. Discover how to use JavaScript on the server side with Node.js. From the command line, work with web server frameworks, REST architecture and databases as you build an API (via movies) from the ground up.

Using: Node.js, MongoDB, Postman, Heroku

Create an API for the film data to be retrieved from the server side. Discover how to use JavaScript on the server side with Node.js. From the command line, work with web server frameworks, REST architecture and databases as you build an API (via movies) from the ground up.

Using: Node.js, MongoDB, Postman, Heroku

Create an API for the film data to be retrieved from the server side. Discover how to use JavaScript on the server side with Node.js. From the command line, work with web server frameworks, REST architecture and databases as you build an API (via movies) from the ground up.

Using: Node.js, MongoDB, Postman, Heroku

Create an API for the film data to be retrieved from the server side. Discover how to use JavaScript on the server side with Node.js. From the command line, work with web server frameworks, REST architecture and databases as you build an API (via movies) from the ground up.

Using: Node.js, MongoDB, Postman, Heroku

Create an API for the film data to be retrieved from the server side. Discover how to use JavaScript on the server side with Node.js. From the command line, work with web server frameworks, REST architecture and databases as you build an API (via movies) from the ground up.

Using: Node.js, MongoDB, Postman, Heroku

phase 2: 

REACT

phase 2: 

REACT

phase 2: 

REACT

phase 2: 

REACT

phase 2: 

REACT

Use React to build the client side for an app called Ghib-lix based on existing server-side code (REST API and database).

Using: MongoDB, Express, React, Node.js, Bootstrap

Use React to build the client side for an app called Ghib-lix based on existing server-side code (REST API and database).

Using: MongoDB, Express, React, Node.js, Bootstrap

Use React to build the client side for an app called Ghib-lix based on existing server-side code (REST API and database).

Using: MongoDB, Express, React, Node.js, Bootstrap

Use React to build the client side for an app called Ghib-lix based on existing server-side code (REST API and database).

Using: MongoDB, Express, React, Node.js, Bootstrap

Use React to build the client side for an app called Ghib-lix based on existing server-side code (REST API and database).

Using: MongoDB, Express, React, Node.js, Bootstrap

challenges
and decisions

challenges
and decisions

challenges
and decisions

challenges
and decisions

challenges
and decisions

The desire to serve as a bridge between design and development has led me to do this training in the first place and I am much more of a designer than a developer at heart. Navigating my way through this new world was a big challenge. I am all the more proud to have completed all the projects and to know a little better and understand what the daily hurdles of developers look like. Also, the insights into both React and Angular have given me so much clarity on how complex digital products fit together from their smallest components, what I can take away to make better UX decisions.

The desire to serve as a bridge between design and development has led me to do this training in the first place and I am much more of a designer than a developer at heart. Navigating my way through this new world was a big challenge. I am all the more proud to have completed all the projects and to know a little better and understand what the daily hurdles of developers look like. Also, the insights into both React and Angular have given me so much clarity on how complex digital products fit together from their smallest components, what I can take away to make better UX decisions.

The desire to serve as a bridge between design and development has led me to do this training in the first place and I am much more of a designer than a developer at heart. Navigating my way through this new world was a big challenge. I am all the more proud to have completed all the projects and to know a little better and understand what the daily hurdles of developers look like. Also, the insights into both React and Angular have given me so much clarity on how complex digital products fit together from their smallest components, what I can take away to make better UX decisions.

The desire to serve as a bridge between design and development has led me to do this training in the first place and I am much more of a designer than a developer at heart. Navigating my way through this new world was a big challenge. I am all the more proud to have completed all the projects and to know a little better and understand what the daily hurdles of developers look like. Also, the insights into both React and Angular have given me so much clarity on how complex digital products fit together from their smallest components, what I can take away to make better UX decisions.

The desire to serve as a bridge between design and development has led me to do this training in the first place and I am much more of a designer than a developer at heart. Navigating my way through this new world was a big challenge. I am all the more proud to have completed all the projects and to know a little better and understand what the daily hurdles of developers look like. Also, the insights into both React and Angular have given me so much clarity on how complex digital products fit together from their smallest components, what I can take away to make better UX decisions.