01.
React Sports Mania
This site is designed for learning. This is a sports website. This website has details of different types of leagues.
Technology:
htmlcssjavascriptreactreact-iconsreact-spinnersstyled-components@material-ui/core
all projects
02.
A Full-Stack E-Commerce Restaurant App (Red-Onion)
A full-stack e-commerce restaurant app where a user can order their favorite food from the menu. Users can see all his current orders status, orders history, and order detail from his dashboard. Admin can see all order data, change the order status, add products and add another as an admin from his dashboard.
Technology:
htmlcssjavaScriptReactjsexpress.jsnodejsreact-paypal-express-checkoutmongodbbootstrap-4firebaseheroku
03.
You Move
This is as like a google Maps web app with directions. Here you will find out how long it will take you to get to your destination, distance and cost. It's created for learning purposes.
Technology:
htmlcssjavaScriptReactjsfirebasegoogle-maps-reactstyled-components@chakra-ui@react-comboboxgiolibuse-places-autocomplete
04.
Psd To Html Project
This site design for practice. PSD to HTML fully responsive and pixel-perfect design.
Technology:
htmlcssjavaScriptbootstrap-4netlify
05.
Gatsby Simply Recipes
Gatsby Recipe App. Users can learn about different types of recipes here. Here is information on different types of delicious recipe ingredients, cooking time, preparation time, preparation time, serving time, and ingredients.
Technology:
htmlcssjavaScriptReactjsgatsbynetlify.appcontentfulformspree
06.
Vanilla javaScript Fancy Slider
Simple Vanilla javaScript slider creator project. The user here searches any image and creates a Fancy Slider. User also a select slider durations
Technology:
htmlcssjavaScriptPIXABAY-API
07.
One Page Responsive Website
This is a simple one-page responsive website. this is made for learning purposes.
Technology:
htmlcssjavaScript
08.
React Phone Store
This is the app of React Mobile Phone Store. Users will be able to buy different types of mobile phones here and pay with PayPal.
Technology:
htmlcssjavaScriptReactjsbootstrap-4styled-componentsreact-paypal-express-checkoutreact-iconsnetlify
09.
PSD to React
I created this website for my first client. This is a conversion from PSD To React. This is a fully responsive website. This is the first time I use react-particles-js on this website.
Technology:
htmlcssjavaScriptReactjsbootstrapreact-particles-jsstyled-components
010.
Next-Amazona
Next-Amazon Full E-commerce Web app. Where users can create an account, see all products, and shopping. This is created for learning purposes.
Technology:
JAVASCRIPTReactNextjs@material-ui/core,mongoose react-hook-form,react-chartjs-2vercel
011.
React Sports
It's a players' website. Here is information about different players. Users will be able to select players from this website. It is made for learning purposes.
Technology:
htmlcssjavaScriptReactjsmaterial-uireact-icontsstyled-componentsnodejsexpressjsnetifymongodb
012.
Simple NextJs and TypeScript Portfolio
It's a simple portfolio made with next.js and typescripts. This portfolio is designed for practice purposes. Framer-motion has been used for animation. There is a very nice animation.
Technology:
Nextjstypescripttailwind cssframer-motion
013.
Fresh Valley
This app is designed for the Programming Hero 10th assignment. Here the user can register, log in, reset the password and update the user profile and others. Here is the admin dashboard. Admin can log in and manage up. Such as: create products, updating products, managing orders, etc.
Technology:
htmltailwind cssReactjsreduxnodejsmongodbherokuhero-icons