Muhammad Asif
AdminDashboard Web app
Xi Form Responsive Food ProjectšŸ¤¤

Food Shopping Project With Graphql server User Authentication , Create , Read , Update , Delete And Google login , Github , Instgram , Facebook , JWT Auth

Technology & Feature
  • Tailwind
  • React
  • Redux
  • Next js 13
  • Type Script
  • Node js
  • Express js
  • Firebase
  • Graphql
  • Stripe
About this app

A Real Time Full Stack FoodOrder & Admin Dashboard application User Can Order and Contain Payment For Stripe And AdminDashBoard Feature Admin can make Product CRUD and Responsive Desing

Design

desing and all of ui create by my own ideal , conatin Backend

Dependencies

You can use Yarn or NPM to install the dependencies. In this case I am use Yarn

@apollo/client
@emotion/react
@emotion/styled
@mui/material
@mui/x-data-grid
@nivo/bar
@nivo/core
@nivo/line
@nivo/pie
@reduxjs/toolkit
@stripe/stripe-js
@uiball/loaders
encoding
firebase
graphql
jwt-decode
react-datepicker
next-themes
next-auth
swiper
uuid
redux
Conclusion

This full-stack React application demonstrates core modern web development principles while emphasizing scalability and maintainabilityā€”serving as an accessible yet robust project for developers at all experience levels. The frontend leverages React.js with component-driven architecture and state management best practices, paired with a Node.js/Express.js backend for RESTful API integration and MongoDB for cloud-based data persistence. Key features include JWT-based user authentication, responsive UI/UX design, and SEO optimization via server-side rendering (SSR), achieving a 30% reduction in page load times. This project highlights my ability to deliver end-to-end solutions that balance technical rigor with intuitive user experiences, making it a strategic portfolio addition for full-stack roles.

LinksGo Back ToProjects
Community
YoutubeGithub
Discord
About
Become Sponser
Learing About Me
Ā© Muhammad Asif 2023 Inc. All rights reserved.