PORTFOLIO

• Medialender

  Medialender is a responsive full stack web application for an imaginary movie renting / management business. Users can sign-up and access / modify data based on their level of authorization.

  Front-end: Built with using ReactJS, along with some handy npm packages. Bootstrap for speeding the CSS work as well as custom hard coded CSS on some areas (example: Responsive Navbar Menu, Loading spinner. Back-end: Built with using NodeJS and Express, along with some handy npm packages. Database is running on MongoDB Atlas cloud service.

  • 
  • 
  • 
  • 
  • 
  • 

  

  Live PreviewSource Code

• Skåne Departures

  Skåne Departures is a responsive SPA which helps to search the closest departures based on given criterias: Start Point: Address, Place or Station. Date: Starting date. Time: Starting time. It uses Skånetrafiken's Open API endpoints to perform related queries.

  Built with using ReactJS, along with couple handy npm packages. CSS is fully custom hard-coded, background picture is taken personally.

  Note: Live preview is temporarily unavailable due to external API changes. This will be updated soon.

  • 
  • 

  

  Live PreviewSource Code

• YouTubeViewer

  YouTubeViewer is a responsive SPA, a simplified clone of YouTube's video view & search section. It uses YouTube Data API v3 to perform the queries.

  Built with using ReactJS, along with couple handy npm packages. Redux for state management and Redux Thunk for handling asynchronous actions. CSS is mainly handled by using Semantic UI framework together with JSX inline styles on several parts.

  Note: Live preview is temporarily unavailable due to external API changes. This will be updated soon.

  • 
  • 
  • 
  • 

  

  Live PreviewSource Code