Hello! I'm Nikhil Rawal. A Frontend Developer.
I create amazing websites using Next.js & React.js

Toronto, Canada • UTC/GMT -4

My Projects


N-YouTube's Logo

N-YouTube

Project Screenshot 1
Project Screenshot 2
Project Screenshot 3
Project Screenshot 4
Project Screenshot 5
Project Screenshot 6
Project Screenshot 7
Project Screenshot 8

n-youtube is a ReactJS-based web app that replicates core YouTube functionalities. It features top video listings from the YouTube API, a customizable day/night mode, a debounced search bar with suggestions, and a detailed watch page with infinite nested comments and a live chat simulation. Built with React, Redux, and Tailwind CSS, it is hosted on Netlify and optimized for large screens.

ReactJSRedux ToolkitTailwind CSSReact-IconsYouTube Public APINetlifyDay/Night ModeHigher-Order ComponentsDebouncingInfinite Nested CommentsLive ChatReact HooksReact Router DOM
The Fork's Logo

The Fork

Project Screenshot 1
Project Screenshot 2
Project Screenshot 3
Project Screenshot 4
Project Screenshot 5
Project Screenshot 6
Project Screenshot 7
Project Screenshot 8
Project Screenshot 9

The Fork: Swiggy Clone is a ReactJS-based app replicating Swiggy's core features. Swiggy is India's leading food delivery application. The app allows users to browse top restaurants, view menus with real-time data from the Swiggy API. Key features include search with debouncing, restaurant filtering base on 4 selections, skeleton loading for smooth UX, and a dish carousel with live link to restaurant menu. Built with Redux, Tailwind CSS, and optimized for mobile, it offers a responsive and modern experience, hosted on Netlify.

ReactJSDebouncingTailwind CSSSkeleton UXFiltering with 4 optionsNetlifySwiggy APIRedux ToolkitCarouselReal Time UICart FunctionalityReact-IconsReact Hooks
GPT Flix's Logo

GPT Flix

Project Screenshot 1
Project Screenshot 2

Work Under Progress.. It is a clone of our most favourite - Netflix - coden named as GPTFlix. It uses Google Firebase to handle login/logout feature. It will be AI powered to showcase and recommend top movies and webseries based on TMDB's API.

ReactJSRedux ToolkitGoogle Firebase AuthTMDB APIOpen AIReact HooksTailwind CSSReact Router DOMReact-Icons
Incredibles's Logo

Incredibles

Project Screenshot 1
Project Screenshot 2
Project Screenshot 3

Incredibles is a ReactJS-based website for an overseas consultant business, designed to dynamically display data from Google Sheets. The website is hosted on Netlify and styled using Sass/SCSS, Bootstrap, and React Icons. It leverages the Papa Parse package to convert Google Sheets data into JSON and then into JSX, enabling easy content updates for the admin. This streamlined data flow allows the website to stay up-to-date with minimal effort while providing a modern, responsive experience. The website also provides a query page.

ReactJSDynamic Display DataSASS/SCSSBootstrapReact-IconsNetlifyGoogle SheetsQuery PageReact Hooks

Wiindy - The Weather App

Project Screenshot 1
Project Screenshot 2

Wiindy - The Weather App is a single-page weather application built with ReactJS and styled using SCSS. It provides detailed weather information, including current conditions, forecasts, and historical data, sourced from OpenWeatherMap and AccuWeather APIs. The app features efficient state management with React hooks, dynamic data handling using Axios, and responsive design for a seamless user experience. The goal is to empower users to access comprehensive weather data for any location with a simple search.

ReactJSSCSS/SASSWeather AppCurrent ConditionsForecastsHistorical DataOpenWeatherAccuweatherReact HooksAxiosResponsive DesignFigma

Random Paletter Generator

Project Screenshot 1

Random Palette Generator can be used to generate random palettes for our web apps.

HTMLCSSJavaScriptPalette Generator

Vanilla JS To-Do

Project Screenshot 1
Project Screenshot 2

It is a simple Vanilla JavaScript based to-do app. We can add a list of tasks to be done, delete completed tasks, and toggle to view incompleted and completed tasks.

HTMLCSSJavaScriptTo-DoToggle

Covid-19 Form

Project Screenshot 1

Covid-19 test booking form is a replica form to book Covid-19 test online.

HTMLCSSJavaScript