Arpan Neupane

@arpanneupane

Arpan Neupane is a software programmer who enjoys building meaningful products through code.

Website Facebook Youtube

About

I am a 17-year-old programmer in my junior year of high school with a passion for software engineering. I enjoy building meaningful products that can express my creativity through code.

Featured Content

Nothing to display here.

Videos

Hey guys, welcome back! In this video, I will be showing you how to deploy an Express app to Vercel. If you don't know what Vercel is, it is a cloud platform that provides services for deploying web applications. It offers various features to help developers quickly deploy, manage, and scale their applications. Whether you're a beginner or looking to enhance your deployment skills, this video covers everything you need to know. Code Used In This Video: https://github.com/arpanneupane19/express-vercel-deployment Official Express Documentation: https://expressjs.com/en/starter/installing.html Official Vercel Documentation: https://vercel.com/guides/using-express-with-vercel My Programming Gear: Keyboard: https://amzn.to/3Kc2GHR Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3X116Oi Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #NodeJS // #Vercel
How to Deploy an Express/Node App to Vercel | Express/Node Vercel Deployment
Hey guys, welcome back! In this video, I will be showing you how to deploy an Express app to Render. If you don't know what Render is, it is a cloud platform that provides services for deploying web applications. It offers various features to help developers easily deploy, manage, and scale their applications. Whether you're a beginner or looking to enhance your deployment skills, this video covers everything you need to know. Code Used In This Video: https://github.com/arpanneupane19/render-express-deployment Official Express Documentation: https://expressjs.com/en/starter/installing.html Official Render Documentation: https://render.com/docs/deploy-node-express-app My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #Node // #Render // #LearnToCode
How to Deploy a Node/Express App to Render | Node/Express Render Deployment
Hey everyone, welcome back! In this tutorial, we explore the seamless integration of Supabase with React.js. Learn how to implement secure user authentication and authorization in your React.js projects using Supabase and take your application's security to the next level. If you don't know what Supabase is, Supabase is an open-source backend-as-a-service platform for building web and mobile applications. It is maintained by the Supabase community. Supabase’s powerful, scalable, and developer-friendly features make it an ideal choice for creating robust and efficient application backends. If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces. Code in This Video: https://github.com/arpanneupane19/react-supabase-auth Official Supabase Documentation: https://supabase.com/docs Official React Documentation: https://react.dev/ My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #React // #Supabase // #LearnToCode
How to Integrate Supabase & React.js | User Authentication in React.js with Supabase
Hey guys, welcome back! In this video, I will show you how to bundle a React project with an Express backend. In prior videos, I've shown you how to set up an Express/Node + React Project, whereas in this video, I will show you how to serve a React frontend on an Express backend, such that you can deploy an entire project on one server. Official Express Documentation: https://expressjs.com/en/starter/installing.html Official React Documentation: https://react.dev/ My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #React // #Node // #LearnToCode
How to Bundle a React Frontend with an Express/Node Backend for Deployment
Hey guys, welcome back! In this video, I will show you how to bundle a React project with a Flask backend. In prior videos, I've shown you how to set up a Flask + React Project, whereas in this video, I will show you how to serve a React frontend on a Flask backend, such that you can deploy an entire project on one server. Official Flask Documentation: https://flask.palletsprojects.com/en/3.0.x/ Official React Documentation: https://react.dev/ My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #Flask // #React // #LearnToCode
How to Bundle a React Frontend with a Flask Backend for Deployment
Hey guys, welcome back! In this video, I will show you how to deploy a Flask website to Vercel. If you don't know what Vercel is, it is a cloud platform that provides services for deploying web applications. It offers various features to help developers quickly deploy, manage, and scale their applications. Whether you're a beginner or looking to enhance your deployment skills, this video covers everything you need to know. Official Flask Documentation: https://flask.palletsprojects.com/en/3.0.x/ Official npm Documentation: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #Flask // #Vercel // #LearnToCode
How to Deploy a Flask App to Vercel | Flask Vercel Deployment
Hey guys, welcome back! In this video, I will be showing you how to deploy a Flask website to Render. If you don't know what Render is, it is a cloud platform that provides services for deploying web applications. It offers various features to help developers easily deploy, manage, and scale their applications. Whether you're a beginner or looking to enhance your deployment skills, this video covers everything you need to know. Official Flask Documentation: https://flask.palletsprojects.com/en/3.0.x/ Official Render Documentation for Flask: https://docs.render.com/deploy-flask My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #Flask // #Render // #LearnToCode
How to Deploy a Flask App to Render | Flask Render Deployment
Hey guys, welcome back! In this video, I will be showing you how to create a project with an Express/Node backend and a React frontend with Vite. We will set up a backend API with Express that returns an array of fruits, and on the frontend, we will fetch that backend and display the same fruits onto the frontend. If you don't know what Node is, Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. If you don't know what Express is, Express is a web framework for Node.js. It provides a robust set of features for building web applications, including routing, views, templates, and more. If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces. My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 Code: https://github.com/arpanneupane19/vite-express-video Official Express Documentation: https://expressjs.com/ Official React Documentation: https://react.dev/ Official Vite Documentation: https://vitejs.dev/guide/ My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Express //#Node //#React // #LearnToCode
How to Create a Express/Node + React Project with Vite | Node Backend + React Frontend
Hey guys, welcome back. In this video, I will show you guys how to set up a project with a Flask backend and a React frontend with Vite. We will set up a backend API with Python that returns an array of users and in the frontend, we will fetch that backend and display the same users onto the frontend. If you don't know what Flask is, Flask is a Python-based web framework that is used to create web applications. It is a microframework, which means that it does not provide many of the features that larger frameworks do. Flask is designed to be extended and customized, and it can be used for web development in both production and development environments. If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces. My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 Official Flask Documentation: https://flask.palletsprojects.com/en/2.0.x/ Official React Documentation: https://react.dev/ My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #Python // #React // #LearnToCode
How to Create a Flask + React Project with Vite | Python Backend + React Frontend
Hey guys! Welcome back, in this video I will be showing you guys how to integrate TailwindCSS in your React project created with Vite.js. I'll be going through how to integrate it and show you an example of it being used by building a card. If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces. If you don't know what TailwindCSS is, TailwindCSS is a utility-first CSS framework for rapidly building custom user interfaces. It includes a set of base styles, as well as features like responsive breakpoints, cross-browser compatibility, and modularity. Code in This Video: https://github.com/arpanneupane19/vite-tailwind-css-video My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 Official React Documentation: https://react.dev/ Official TailwindCSS Documentation for Vite: https://tailwindcss.com/docs/guides/vite My Programming Gear: Keyboard: https://amzn.to/47eLpX4 Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3GOYlZ7 Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R #Coding // #React // #TailwindCSS // #LearnToCode
How to Integrate TailwindCSS in React with Vite | Vite Project with React and TailwindCSS
Hey, in this video I will be showing you how you can create your own game using Python and Pygame! If you do not know what Pygame is, Pygame is a popular open-source library in Python that is specifically designed for game development and multimedia applications. It provides various modules and functions that allow developers to create 2D games, interactive applications, simulations, and multimedia projects. If you do not know what Python is, Python is a high-level, versatile, and easy-to-read programming language known for its simplicity and readability. Created by Guido van Rossum and first released in 1991, Python has since gained widespread popularity and has become one of the most commonly used programming languages in various domains. I apologize in advance for any audio issues occurring in the first half of the video! My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 Code In This Video: https://github.com/arpanneupane19/pygame-youtube-video Additionally, if you need any or know anyone needing 3D renders/modeling, check out https://twitter.com/trustytruss ! My Programming Gear: Keyboard: https://amzn.to/3Kc2GHR Laptop: https://amzn.to/4546pyW Laptop Stand: https://amzn.to/3X116Oi Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R Official Python Docs: https://docs.python.org/3/ Official Pygame Docs: https://www.pygame.org/docs/ #Coding // #Python // #Pygame // #LearnToCode
Comprehensive Pygame Tutorial: Create Your Own Game with Python | Step-by-Step Guide for Beginners
Hey guys, wecome back. In this video, I wil show you guys how to set up a project with a Node.js backend and a Next.js & React frontend. We will set up a backend API using Express that returns data and fetch the data to display it on the frontend. If you don't know what Node is, Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. If you don't know what Express is, Express is a web framework for Node.js. It provides a robust set of features for building web applications, including routing, views, templates, and more. If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces. If you don't know what Next.js is, Next.js is a React framework for building modern web applications. It combines React with server-side rendering (SSR), static site generation (SSG), file-based routing, and built-in API routes. With Next.js, developers can create high-performance applications with simplified routing and serverless endpoints. My Website: https://arpanneupane.com My GitHub: https://github.com/arpanneupane19 Code in This Video: https://github.com/arpanneupane19/nextjs-node-video Additionally, if you need any or know anyone needing 3D renders/modeling, check out https://twitter.com/trustytruss ! My Programming Gear: Keyboard: https://amzn.to/42vXkxh Laptop: https://amzn.to/3CkAP3W Laptop Stand: https://amzn.to/3X116Oi Desk: https://amzn.to/43wmIEt Monitor: https://amzn.to/42BAaFH Monitor Arm: https://amzn.to/3NR0APS Chair: https://amzn.to/42vvKAn Desk Mat/Mousepad: https://amzn.to/43AhKqj Microphone: https://amzn.to/45RuQ43 Headphones: https://amzn.to/445sf4R Official Express Documentation: https://expressjs.com/ Official React Documentation: https://reactjs.org/ Official Next.js Documentation: https://nextjs.org/docs #Coding // #Node.js // #React // #LearnToCode
How to Create a Node.js + Next.js Project | Express Backend + Next.js & React Frontend
Load More... Subscribe

Posts

@arpanneupane

How to Create a Express, Node, and React Project with Vite

How to create a project with an Express/Node backend and a React frontend with Vite.
@arpanneupane

How to Deploy an Express/Node App to Vercel | Express/Node Vercel Deployment

How to Deploy an Express/Node App to Vercel | Express/Node Vercel Deployment
Scroll to Top