Actively looking for change | Frontend Developer | JavaScript and React.js Enthusiast | Freelancer

project

github

devto

Pritam Kumar • Peerlist

Earth is a dynamic web application that empowers users to access real-time Air Quality Index (AQI) and weather information for any location worldwide. Users can effortlessly explore AQI levels and current weather conditions with an intuitive map-based interface.Note: - <ul><li>Use chrome browser.</li><li>If you have any questions or suggestions, please feel free to reach out to me at <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="mailto:pritamvr9@gmail.com">pritamvr9@gmail.com</a></li></ul>

Earth

<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://62c8704457797f0009811891--stalwart-queijadas-d64994.netlify.app/">oSlash Movies</a>A Movie Ticket Booking Application<h3 class="rich-heading">Tech Stack</h3><ul><li>RectJs</li><li>Redux</li><li>Tailwind CSS</li></ul><h3 class="rich-heading">Features</h3><ul><li>User can book a movie ticket.</li></ul>

Movie Ticket Booking Prototype

<h3 class="rich-heading">BinaryUI is the Best open-source free framework to build attractive UI designs. You'll get the best User-friendly CSS component.</h3>Stack Used<ul><li>HTML</li><li>Vanilla CSS</li><li>Vanilla JavaScriptInstallation</li></ul>To Get styled component, you have put these two links inside head tag of your web page.<pre><code>&lt;link rel="stylesheet" href="https://binary-ui.netlify.app/components/CDN.css"&gt;

&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; </code></pre>Component List<h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#alert">Alerts</a></h3><ul><li>Primary Alerts</li><li>Successful Alert</li><li>Danger Alert</li><li>Warning Alert</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#avatar">Avatar</a></h3><ul><li>Image Avatar</li><li>Text Avatar</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#badge">Badges</a></h3><ul><li>Icon Badges</li><li>Text Badges</li><li>Avatar Badges</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#button">Buttons</a></h3><ul><li>Primary Buttons</li><li>Secondary Button</li><li>Outline Button</li><li>Text Button</li><li>Success, Danger, Warning, Dark Button</li><li>Floating Button</li><li>Button With Icon</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#card">Cards</a></h3><ul><li>Text Cards</li><li>Text Card with Dismiss</li><li>Vertical Cards</li><li>Vertical Cards with Icons and Primary Button</li><li>Vertical Card with Text overlay</li><li>Vertical Card with Badge</li><li>Horizontal Card</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#image">Image</a></h3><ul><li>Responsive Image</li><li>Rounded Image</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#input">Inputs</a></h3><ul><li>Primary Input</li><li>Secondary Input</li><li>Disabled Input</li><li>Required Input *</li><li>Number Input</li><li>Textarea</li><li>Error Style *</li><li>Radio</li><li>Checkbox</li><li>Validation With Sign up</li><li>Validation With Login</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Text-utilities">Text Utilities</a></h3><ul><li>Headings</li><li>Text Alignment</li><li>Text Sizes</li><li>Text Transform</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#List">Lists</a></h3><ul><li>Ordered List</li><li>Unordered List</li><li>Stacked List (Notification Page)</li><li>Spaced List</li></ul><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Navigation">Navigation</a></h3><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Modal">Modal</a></h3><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Rating">Rating Star</a></h3><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Toast">Toast</a></h3><h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://binary-ui.netlify.app/docs.html#Grid">Grid</a></h3><ul><li>Two Items In A Grid</li><li>Three Items In A Grid</li></ul>

CSS Framework - BinaryUI

<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://quizzie-code-by-pritam.netlify.app/">Quizzie</a>Quizzie is an online quiz platform to play some quizzes on a random topic.<h3 class="rich-heading">Tech Stack</h3><ul><li>ReactJs</li><li>Typescript</li><li>Backend as Firebase</li><li>CSS</li></ul><h3 class="rich-heading">Features</h3><ul><li>Users can Login, Signup, Forgot Password</li><li>User profile</li><li>Different quiz categories</li><li>Leader board for All users</li><li>Five question on each categories</li></ul>

Quizzie - Quiz App

<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://like-by-pritam.netlify.app/">Like</a>Like is a social media app. To post memories with your friends.<h3 class="rich-heading">Tech Stack</h3><ul><li>Reactjs (Redux Toolkit)</li><li>Tailwind CSS and Vanila CSS</li><li>Mockbee as a Backend</li></ul><h3 class="rich-heading"> Features</h3><ul><li>Feeds Page (There you'll we see post of following users)</li><li>Suggestions fo users to follow and unfollow them</li><li>Sort post by Trending, Date, and Recent</li><li>Post (Add, delete, Edit)</li><li>Like, dislike for a Particular post</li><li>Comment on Particular post. (Add and Delete)</li><li>Bookmark post (Add and Remove)</li><li>Single Post with comments of a User</li><li>Profile Page for Logged user and user page Also</li><li>Logged user can edit there Profile, and Upload profile image</li><li>Explore page for all Post</li><li>Authentication (Login, Signup)</li></ul>

Like - Social Media App

PlayMe is a Video library app for programming tutorials.<h3 class="rich-heading">Tech Stack</h3><ul><li>Reactjs</li><li>Context API</li><li>Reducer</li></ul><h3 class="rich-heading">Features</h3><ul><li>Login Authentication</li><li>Signup Authentication</li><li>Profile Page</li><li>Logout</li><li>Video like and disliked</li><li>Categories</li><li>Single video page</li><li>Watch later</li><li>Playlist management feature</li><li>History management</li><li>Search video filter</li><li>Notes for Particular video (Add and Delete)</li></ul>

Playme - Video Library

<a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://pearl-by-pritam.netlify.app/">Pearl</a>The <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break text-green-text rich-link break-all link-break" href="https://pearl-by-pritam.netlify.app/">Pearl</a> is a Brand for Platinum Jewelry - Buy Platinum Diamond Jewelry Online in India with the latest jewelry designs.<h3 class="rich-heading">Tech Stack</h3><ul><li>ReactJs</li><li>Context API</li><li>Reducer</li></ul><h3 class="rich-heading">Features</h3><ul><li>Home Page</li><li>Product Listing</li><li>Product Filter<ul><li>Sort By Price</li><li>Category</li><li>Price Range</li><li>Sort By Rating</li><li>Out of Stock</li><li>Product Search</li></ul></li><li>Single Product</li><li>Quantity Increment and Decrement</li><li>Authentication<ul><li>Signup</li><li>Login</li><li>Login Alert</li></ul></li><li>Cart Management</li><li>Wishlist Management</li><li>Price Details</li><li>Logout Button</li></ul>

Ecommerce App - Pearl

A web app that can show your GitHub profile by putting your GitHub user name only.

Tech stack used:  HTML, CSS, JavaScript API

Github: https://github.com/pritam-kr/Github-profile