Made a clone  of #Tesla's landing page to understand design stuffs properly and structuring of site.

Used :
#React, #Redux toolkit, some icons.
And Couple of transitions.

Netlify : https://myteslaimplementation.netlify.app
Github : https://github.com/theprogrammedwords/Tesla-Implementation…

#javascript #tsla #js #webdev

Made an e-commerce website with using React and Antd UI library. 
-- Implemented auth using JWT
-- Utilized REST APIs to dynamically load and render data served by the backend server

Link : https://myqkartcom.netlify.app/

Designed 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.

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


https://myqtripdynamic.netlify.app/

Created a news feed aggregator

Demo : https://myxboard.netlify.app/

A News Feed website is an aggregator which aggregates news content from different websites in one place. It consists of news articles grouped under various topics such as Technology, Politics, Sports etc. In this buildout, you will be fetching news articles for selected topics from the flipboard website and presenting them to the users. Users will be able to browse through the articles and click on the article of interest to go to the URL for that particular article.


Visually, for XBoard, each topic will be represented by an accordion (which is another name for the collapse component of bootstrap) and news articles related to the topic will be represented on a carousel (this is also a bootstrap component) within this accordion. Users can expand or collapse the accordion of the topic they’re interested in and browse through the news articles using the carousel.

A simple bot which pushes you forward to do more with the help of alerts, reminders, schedulers, and Github, Google Calendar Integrations.

• How many times do we miss or get late on checking Github issues, mentions, or branch alerts. No more now, using Pipedream API to integrate Github, now one can directly get notified when they are mentioned, or a branch is created, or issue is raised for a repo.
  
  
• Have you dozed off with naptime while a calendar event was scheduled for next one hour and so you missed it ? Say no further, you can now get alerts if there's a meeting in an hour with help of Pipedream integration and some JS snippets.
  
  
• Want to quick search your favorite github repo stats, or get issue counts, no need to open chrome. Just /searchrepo it.
  
  
• In order to stay on track and to not miss out anything, one can set reminds for himself or for channel with precision of minutes or hours or days. Just remindme or remindus it
  
  
• Want to set scheduled messages with a friendly precision, you got it. Just schedule it
  
  
• Often during work all we feel is a need to find some positivity to deal with anxiety, stress or fear or even imposter syndrome. Sometimes words are the best friend we need. This bot posts a good morning alert, advice at noon, and quotes in evening.
  
  
• Written solely in Javascript
  
  https://github.com/Crio-WFH/Slack-extensions/tree/main/MotivationBot

Made a static trip website frontend pages (2-3) layers and wireframed, implemented it for mobile pages.

Website Link : https://myqtripstatic.netlify.app/

About the trip website :

QTrip has this travel website where users can browse the various Adventures on offer, based on their places of interest and book an Adventure. They can navigate between the pages by clicking on the cards and using the navigation bar. The website can also be viewed on other devices such as smartphones and tablets.


Features so far :

1. Landing page using Hero Image and Hero Input
2. Adventures page showcasing the types of adventure available for each city
3. Detail page of the adventure item.
4. Responsive design and UX.

More information



Will be adding dynamic counterpart to it soon.