Crio Portfolio

Manish Kumar Singh

Certified Crio Developer

Programs:

FDT-INTV-1 Apr 2022 

Crio Experience

FDT-INTV-1 Apr 2022

4 Apr 2022 - 10 May 2022

QTripStatic

A static travel website

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

During the course of this Micro-Experience, the developer:

  • Created 3 different web pages from Wireframe layout using HTML and CSS

  • Utilized Bootstrap extensively for responsive design

  • Deployed the website to Netlify

Skills Learned:

HTML, CSS, CSS Flexbox, Responsive Design, Bootstrap, VS Code Live Server, Bootstrap Flex, Bootstrap Spacing, Bootstrap Responsive Images, Bootstrap Display, CSS Positioning, Deployment, Netlify, Netlify CLI

View Details

QTripDynamic

A dynamic travel website that can be used to browse adventures and make reservations.

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

During the course of this Micro-Experience, the developer:

  • Created web pages using HTML and CSS and made them dynamic using JavaScript

  • Improved UX with multi-select filters, image carousels

  • Implemented conditional rendering of page elements

  • Utilized localStorage to persist user preferences at client-side

  • Used JQuery to facilitate the reservation form submission

  • Deployed the website using Netlify and Heroku

Skills Learned:

HTML, CSS, JavaScript, Bootstrap, REST APIs, JSON, DOM Manipulation, cURL, Bootstrap Flex, Bootstrap Spacing, ES6, localStorage, JQuery, Conditional rendering, Bootstrap Carousel, Deployment, Heroku, Netlify

View Details

Buildout - XBoard

A dynamic news feed website

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

During the course of this Micro-Experience, the developer:

  • Built XBoard using HTML, CSS, Bootstrap, JavaScript and JQuery from scratch

  • Utilized the figma file to understand the design requirements

  • Used Accordions and Image Carousel to improve UI

  • Fetched news content from flipboard's RSS feed using REST API

  • Deployed the website to Netlify

Skills Learned:

HTML, CSS, Bootstrap, JavaScript, JQuery

View Details

QKart Frontend (Hooks)

A React.js E-commerce application

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

During the course of this Micro-Experience, the developer:

  • 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

  • Deployed website to Netlify

Skills Learned:

React.js, Event Handling, Forms, React Hooks, REST API, Error Handling, React Router, Material UI, localStorage, Controlled Components, Conditional Rendering, Keyword Search, Debouncing, Material UI Grid, Responsive Design, Reusable Components, Deployment, Netlify

View Details