Crio Portfolio

Ajay

Certified Crio Developer

Programs:

Fullstack Developer Track - Student Pack (13th March) 

Crio Experience

Fullstack Developer Track - Student Pack (13th March)

13 Mar 2021 - 17 Jul 2021

View Certificate

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

QKart Frontend

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, React Routing, Event Handling, React State & Props, REST APIs, localStorage, Lifecycle Methods, Keyword Search, Debouncing, Responsive Design, Antd Grid, Conditional Rendering, React Refs, Deployment, Netlify

View Details

QKart Backend

A scalable Node.js backend for an 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:

  • Built the complete set of REST APIs for an E-commerce application following the best practices

  • Followed a layered approach for easy maintenance

  • Used MongoDB NoSQL database for data storage

  • Implemented multiple authentication schemes

  • Wrote unit and integration tests to test the implementation

Skills Learned:

Node.js, Express.js, MongoDB, Mongoose ODM, JOI data validation, REST APIs, Token authentication, JWT Token, Password authentication, Hashing, Unit testing, Integration testing, Jest framework, MongoDB Atlas, Deployment, Heroku, Netlify

View Details