ruturajsant Goto Github PK

angular-hero

animated-interactive-background

This is a fun project created by following a tutorial. The background is interactive with the mouse and it is satisfying to watch and play for hours!

box-office

A React JS project for box-office shows application. This application use tvmaze.com API for fetching shows and actors data.

card-design-challenge

Design challenge to build multiple stacked cards

chat-app

A chat application developed by Reactjs and Firebase. The database used is real-time database from Firebase. The project uses React-router for routing , Rsuite for styles and firebase as backend manager.

crud-in-node

A small project showcasing CRUD operations in Nodejs using Express, MongoDB bcrypt and JWT for Authentication. This project can be used as a boilerplate for creating Restful apps.

drowsiness-detection-system

e-commerce_website

A PHP full stack (HTML,CSS,PHP,SQL) application that fetches data through a MySQL database and displays it on frontend. The website uses Bootstrap for the UI and is fully responsive. The website has Login and authentication features. Items can be added to cart and can be purchased.

edutech-test

emotion-hue

This is a fun website made using React and the revolutionary Ai from Dall-E-2 by open Ai . The project basically dynamically changes the background color using the keyword provided.

fancy-nav-bg

The project uses intersection observer and some javascript to animate the background of the nav links

fancy-nav-links-animation

This is a fancy nav-links animation using Intersection Observer ,it also has a smooth scrolling (wont work in Chrome if disabled in flags).this is created by following a tutorial by Dev ED.

flex-gallery

A super simple gallery made using flex property as main theme. Just hover over the images to see the magic!

flexbox-gallery

this gallery uses flex box property flex-wrap to create a stacked look ,on hovering image width increases to reveal the image.

floral_landing_page

A unique landing page designed using flowers as a theme.

goldstone-project

Assignment application for Goldstone Technologies Full Stack Engineer position.

grid-gallery

This is a gallery created with grid display . the layout changes in mobile view.

iris_regression

it_landing_page

Project developed using Tailwind css and HTML to design a simple service oriented website. This design can be used as a landing page for a IT company.

jquery-changing-nav-onscroll

language_translator_website

Simple website to translate sentences using OpenAi model for translation.

mern-blog

MERN blog project with JWT based login system. User can create new posts, edit and delete posts. User can upload images in their blogs and also comment on them. Blogs can be filtered according to categories.

nav-dropdown

Nested dropdown which appears on hover

onscroll-animation

A design made replicating the apple airpods demo website. The image animates as the page is scrolled

parallex-carousel

Just a carousel i made with vanilla js,html and css. There are multiple features on this carousel:

push-web

quasaroo-app

A realtime PWA image blog web App built with Quasar, Vue and Firebase

react-player

A web app just like youtube made completely with React JS

responsive-fancy-signin-form-

Fancy sign-in/sign-up form page using vanilla JavaScript and transitions . Resize the window below 990 px to see responsive view.

rs.dev

This is my second Portfolio ( I know one was enough!!). This static website uses HTML,CSS,JS. The website displays all my skills and things I have learned in the Web development domain.