Hi, my name is

Christopher Raphael

I have built many industry grade projects from scratch and am armed with many useful skills. Check out my projects below. :)

Skills Acquired

image

HTML

image

CSS

image

React

image

Git

image

JavaScript

image

Bootstrap

image

REST

image

Linux

image

Node JS

image

Express JS

image

Mongo DB

image

Mongoose

image

HTTP

My Projects

QKart

QKart

QKart is an e-commerce application offering a variety of products for customers to choose from.

During the course of this project,
  • Implemented the core logic for authentication, shopping cart and checkout
  • Improved UI by adding responsive design elements for uniform experience across different devices
  • Utilized REST APIs to dynamically load and render data served by the backend server

React Router

React Hooks

MUI

Responsive Design

ES6

Debouncing

localStorage

Conditional Rendering

Developer Tools

Controlled Components

Deployment

Netlify

Postman

REST

XFlix

XFlix

XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.

During the course of this project,
  • Implemented search, upload, sort and filters on the Landing page with API integration
  • Video page features video playback along with buttons for upvote and downvote

React Router

MUI

Responsive Design

ES6

Debouncing

Conditional Rendering

Developer Tools

Controlled Components

Deployment

Netlify

Postman

REST

HooBank

HooBank

HooBank is a banking application with a modern UI.

During the course of this project,
  • Implement a responsive landing page using tailwind and React

Tailwind CSS

Responsive Design

TypeScript

Conditional Rendering

Deployment

Netlify

QTrip

QTrip

QTrip is a travel website aimed at travelers looking for a multitude of adventures in different cities.

During the course of this project,
  • Created web pages using HTML and CSS and made them dynamic using JavaScript
  • Improved UX with multi-select filters, image carousels
  • Utilized localStorage to persist user preferences at client-side

HTML

CSS

BootStrap

Responsive Design

localStorage

XBoard

XBoard

XBoard is a News Feed website that will feature the latest news for select topics, from Flipboard.

During the course of this project,
  • Built XBoard using HTML, CSS, Bootstrap and JavaScript from scratch
  • Used Accordions and Image Carousel to improve UI
  • Fetched news content from flipboard's RSS feed using REST API

HTML

CSS

BootStrap

Figma

RSS