origincourse.com

How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript

Sat, 31 Jan 2026 14:49:34 +0000

Learn How To Create TO DO List App Using HTML CSS And JavaScript | Task App In JavaScript Step By Step Tutorial For Beginners
#javascript #javascriptprojects

👉 Download 30 JavaScript projects Source Code (Including To-Do List App):
https://greatstack.dev/go/30-js-projects

👉 My JavaScript Advanced Course: https://greatstack.dev/go/javascript-course (75% Discount)

❤️ SUBSCRIBE: https://goo.gl/tTFmPb

In this video you will learn to make a To-Do List App or Website with HTML, CSS and JavaScript.
In this To Do list we can add our task list and mark that task as completed or incomplete. We can write the new task in the input box and click on the "Add" button then the new task will be added to the list.
We can click on the task name to mark it as completed or incomplete task. We will add a close icon to delete the particular task from the ToDo list.

In this JavaScript Project we are using Local Storage that will store the task list or To Do list in your web browser, So that if you close and restart the browser then also it will display your saved To-Do List

Download Images: https://greatstack.dev/assets/to-do-app-javascript

More JavaScript Projects: https://greatstack.dev/

JavaScript to-do list, JavaScript To-Do List, JavaScript Task App, ToDo List using JavaScript, Task manger using JavaScript, JavaScript projects for beginners, JavaScript projects for students, JavaScript tutorial, JavaScript project for college students, college project in javascript, To-Do List App

-----------------------------------------
Suggested Course:

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 https://easytutorialspro.com/go/course/

-------------------------------------
Recommended Videos:

Learn Complete HTML and CSS from basics:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

Make A Complete Website for college using HTML & CSS:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

How to make a Business website step by step:
► https://www.youtube.com/watch?v=99vHH_6F0Ko

How to make personal resume website step by step:
► https://www.youtube.com/watch?v=qCFN8EujbGI

How to make fitness website design using HTML CSS:
► https://www.youtube.com/watch?v=4bPABX-jOko

How to make an Ecommerce Website Design:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

How to make a Job Portal website design with HTML & CSS:
► https://www.youtube.com/watch?v=cHgx8a-eBDQ

How to make travel website design with HTML CSS Bootstrap:
► https://www.youtube.com/watch?v=AiaEqc9UMf8

-------------------------------------

Affordable web hosting (coupon- EASYTUTORIALS)
👉 https://easytutorialspro.com/hosting/

My recommended tools and tutorials
👉 https://easytutorialspro.com/

-------------------------------------

◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► https://www.youtube.com/channe....l/UCkjoHfkLEy7ZT4bA2

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Create Full Stack AI BG Removal SaaS App using React JS, Clerk | Full Stack AI React Project

Sat, 31 Jan 2026 14:45:05 +0000

Build & Deploy Full Stack AI BG Removal SaaS App using React JS, Tailwind CSS, Clerk Authentication & Online payment integration | AI Project using React JS

👉 Clerk Auth: https://go.clerk.com/rtugTVL

👉 Buy Source Code: https://greatstack.dev/go/bg-removal
👉 Live Preview: https://bg-remover-gs.vercel.app
👉 Download the assets: https://greatstack.dev/assets/....bg-removal-full-stac
👉 Figma Design: https://greatstack.dev/go/figma-bg-removal

SUBSCRIBE: @GreatStackDev

👉 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677
👉 Check Your Resume Score: https://10xresume.co/

-------------------

In this tutorial, we will build and deploy a Full Stack AI SaaS Application Using MongoDB, Express, React, and Node.js. We’ll be creating a Background Removal App that allows users to upload an image.
Then our app will process the image and remove the background using AI and then user can download the image with a transparent background.

We have built the credit system to remove the image background, and user can purchase more credits using online payment method that we have integrated in this application.

In this Full Stack AI React project we have created user authentication with the help of Clerk. Clerk allows us to create user authentication and user management with few lines code. It provides beautiful and ready to use UI components like Login Form, Registration form and user profile component that we can easily integrate in out React Application.

-------------------

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

Watch Full Stack Chat App tutorial:
👉 https://youtu.be/gbocZlm71nE

Watch Full Stack Music Streaming Website
👉 https://youtu.be/KdGfhSpT6pc

Watch Full Stack Blog Website Tutorial
👉 https://youtu.be/HdWCh_4XE1Q

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:
👉 https://youtu.be/4ag1LsgIUc0

Build ChatGPT Clone In React:
👉 https://youtu.be/EzkWAviyYgg

Build AI Image Generator with OpenAI In React
👉 https://youtu.be/PZG2MvOjud0

Create Weather App In React
👉 https://youtu.be/7JqdjWB88Kk

-------------------------------------
Images Credit:
https://www.pexels.com/
https://unsplash.com/
https://www.freepik.com/

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project with Stripe

Sat, 31 Jan 2026 14:44:06 +0000

Learn how to Build and Deploy Full Stack E-commerce Website using React JS, MongoDB, Express JS, Node JS, Stripe and Razorpay. MERN Stack eCommerce project step by step tutorial

👉 Source Code: https://greatstack.dev/go/forever

👉 Live Preview: https://foreverbuy.in
👉 Download the assets: https://greatstack.dev/assets/forever-full-stack

👉 Figma Design: https://greatstack.dev/go/figma-forever
👉 Deploy this project: https://youtu.be/o2J_jdKBLI4

❤️ Complete this quiz after watching this tutorial and get project completion certificate:
👉 https://quiz.greatstack.dev/fcom

SUBSCRIBE: @GreatStackDev

-------------------
In this project tutorial you will learn to build and deploy an eCommerce website using React JS, MongoDB, Express JS, Node JS. After building this e-Commerce project using MERN Stack, We will deploy it online on Vercel.

In this eCommerce website project, user can explore products, filer and short the product and user can add the product in cart by selecting product variant like size. User can also order the product by providing the delivery address and using any Payment method either Cash on Delivery or Online payment. In this Full Stack e commerce project we will add 2 online payment gateways that is Stripe and Razorpay. So that customer can pay online and place the order.

We will build the admin dashboard of this eCommerce website so that admin can upload the project, delete the product or check all products added on the store. We will build this eCommerce backend project / Backend API's using Node.js and Express and all products, user and order data will be stored on MongoDB database.

After completing this full stack project's ( Frontend and Backend ) we will deploy it on Vercel so that anyone can explore this ecommerce website.

Vercel JSON config for deployment:
👉 https://github.com/GreatStackD....ev/notes/blob/main/V

-------------------

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

Watch Full Stack Chat App tutorial:
👉 https://youtu.be/gbocZlm71nE

Watch Full Stack Music Streaming Website
👉 https://youtu.be/KdGfhSpT6pc

Watch Full Stack Blog Website Tutorial
👉 https://youtu.be/HdWCh_4XE1Q

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:
👉 https://youtu.be/4ag1LsgIUc0

Build ChatGPT Clone In React:
👉 https://youtu.be/EzkWAviyYgg

Build AI Image Generator with OpenAI In React
👉 https://youtu.be/PZG2MvOjud0

Create Weather App In React
👉 https://youtu.be/7JqdjWB88Kk

-------------------------------------
Timestamp:

00:00 Project Overview
10:51 React Project Setup
20:48 Create Pages and Routing
31:21 Create Home Page components
01:50:15 Create Collection Page
02:46:21 Create Product page
03:41:41 Cart and Place Order Page
04:34:09 My Order and Login Page
04:55:57 About and Contact Page
05:10:15 Create Backend
05:50:20 Create User Authentication feature
06:22:20 Create Product upload feature
07:08:44 Create authentication for Admin
07:24:23 Create Admin dashboard
08:01:55 Connect Backend APIs with Admin panel
09:24:00 Connect Backend APIs with eCommerce Website
10:32:55 Create Place Order feature
11:37:02 Display order details in Admin panel
12:10:59 Add Stripe payment gateway
12:45:52 Add Razorpay payment gateway
13:21:15 Deploy Full Stack project on Vercel

-------------------------------------
Images Credit:
https://www.pexels.com/
https://unsplash.com/
https://www.freepik.com/

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

Build & Deploy Full Stack AI Resume Builder App using React js, ImageKit | MERN Stack Project

Sat, 31 Jan 2026 14:43:17 +0000

Learn How to Create AI Resume Builder Web App using MERN Stack | Build and Deploy Resume Builder Full Stack Project step by step

👉 ImageKit: https://tinyurl.com/49xnc855
👉 Hostinger VPS: http://hostinger.com/in/greatstack

Coupon Code:
GREATSTACK - 10% off on 12 months plans
GREATSTACK - 15% off on 24 months plans

👉 Source Code: https://greatstack.dev/p/resume
👉 Live Preview: https://jioresume.com/

ImageKit docs: https://tinyurl.com/tnybufw3

SUBSCRIBE: @GreatStackDev

-------------------
In this full stack project tutorial video, I will show you how to build and deploy an AI Resume builder website using MERN Stack.

This Online Resume Builder app will have following features:

✅ User sign in / sign up
✅ Create new resume
✅ Resume live preview / online link
✅ share resume live link
✅ Upload your resume and optimize using AI
✅ Manage Resume like add, delete and edit resume
✅ Upload image in resume and remove background
✅ Multiple resume template

In this video, you will learn to build online resume app step by step starting from front-end using React js and Tailwind CSS. Then we will build the back-end using Node js, express and using MongoDB to store resume data.

We will use Google Gemini AI model to improve and optimize the resume and ImageKit to store the profile images.

After building this full stack online resume builder, we will deploy it online using Hostinger VPS.

#fullstack #webdevelopment #aiprojects #coding #greatstack #programming #collegeprojects #fullstack #mernstack #aitutorial #reactjs

-------------------

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

Watch Full Stack Chat App tutorial:
👉 https://youtu.be/gbocZlm71nE

Watch Full Stack Music Streaming Website
👉 https://youtu.be/KdGfhSpT6pc

Watch Full Stack Blog Website Tutorial
👉 https://youtu.be/HdWCh_4XE1Q

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:
👉 https://youtu.be/4ag1LsgIUc0

Build ChatGPT Clone In React:
👉 https://youtu.be/EzkWAviyYgg

Build AI Image Generator with OpenAI In React
👉 https://youtu.be/PZG2MvOjud0

Create Weather App In React
👉 https://youtu.be/7JqdjWB88Kk

-------------------------------------
Images Credit:
https://www.pexels.com/
https://unsplash.com/
https://www.freepik.com/

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

How To Build & Deploy Modern Responsive Website Using React JS & Tailwind CSS | Frontend Pro

Sat, 31 Jan 2026 14:42:50 +0000

Learn How To Create Complete Agency Website Using React JS, Tailwind CSS and Framer Motion | Build a full Animated and modern Website In React js

👉 Source code & assets: https://greatstack.dev/p/agency
👉 Get Web Hosting: https://greatstack.dev/go/hostinger

SUBSCRIBE: @GreatStackDev

-------------------
In this tutorial we will learn to build a modern website with beautiful hover effect and framer animations. We will build the website for Digital Agency using React JS and Tailwind CSS. Will also use Framer motion to add amazing animation on the website. This website have a contact form, when customer submit the from, the admin will receive the query on their email id.

After building this complete agency website using React JS, we will deploy it online using Hostinger web hosting.

---------------------------
Build Full Stack Projects:

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

Watch Full Stack E-commerce Website tutorial:
👉 https://youtu.be/y99YgaQjgx4

-------------------------------------
Build React JS projects:

Complete Portfolio Website In React:
👉 https://youtu.be/4ag1LsgIUc0

Build ChatGPT Clone In React:
👉 https://youtu.be/EzkWAviyYgg

Build AI Image Generator with OpenAI In React
👉 https://youtu.be/PZG2MvOjud0

Create Weather App In React
👉 https://youtu.be/7JqdjWB88Kk

-------------------------------------
Recommended HTML and CSS Projects:

Learn Complete HTML and CSS from basics:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

Make A Complete Website for college using HTML & CSS:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

How to make personal resume website step by step:
► https://www.youtube.com/watch?v=qCFN8EujbGI

How to make an Ecommerce Website Design:
► https://www.youtube.com/playli....st?list=PLjwm_8O3suy

How to make travel website design with HTML CSS Bootstrap:
► https://www.youtube.com/watch?v=AiaEqc9UMf8

-------------------------------------
Images Credit:
https://www.pexels.com/
https://unsplash.com/
https://freepik.com

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

React Projects For Beginners | Master React.js In One Video | React Projects for Resume

Sat, 31 Jan 2026 14:41:25 +0000

Best React Projects For Beginners to master React.js in single tutorial with explanation | Best React js Projects for Resume

SUBSCRIBE: @GreatStackDev

👉Zero to Advanced JavaScript: https://greatstack.dev/go/javascript-course

▶ Buy Source Code:
👉 Project 1: https://greatstack.dev/go/netflix
👉 Project 2: https://greatstack.dev/go/youtube
👉 Project 3: https://greatstack.dev/go/cryptoplace

▶ Download Assets:
👉 Project 1: https://greatstack.dev/assets/netflix-clone-react
👉 Project 2: https://greatstack.dev/assets/....youtube-clone-react-
👉 Project 3: https://greatstack.dev/assets/cryptoplace-react

▶ Project Live Preview:
👉 YouTube clone: https://vidtube-sable.vercel.app
👉 Cryptoplace: https://greatstack.in/cryptoplace

▶ Get Web Hosting:
👉 Hostinger: https://greatstack.dev/go/hostinger

👉 30 Days React.js Learning Plan: https://topmate.io/greatstack/1514677
-------------------

In this single Tutorial you will learn to build and deploy 3 React.js Projects from scratches. These projects can be customize to use in Resume and personal portfolio. In this tutorial you will learn to build modern and complex web apps using React. We will be building 3 react projects.

Our first project is Netflix clone using React js. Where we will build the user authentication using Firebase, and we will display the movies details using TMDB API. So you will learn to integrate Firebase authentication and API in the react projects.

Our next project is YouTube clone, Where we will build the user interface same as YouTube and we will fetch the video and video details from official YouTube API.

Then we will move to third Project using React, where we will build and deploy a crypto price tracking application. Here we are going to use CoinGecko API to display the crypto currency price and other details on our react app.

Buy the end of this tutorial you will build not only 3, but you can build any react project with modern and complex user interface.

-------------------

Watch Full Stack Food Order Website tutorial:
👉 https://youtu.be/DBMPXJJfQEA

Watch Full Stack Chat App tutorial:
👉 https://youtu.be/gbocZlm71nE

Watch Full Stack Music Streaming Website
👉 https://youtu.be/KdGfhSpT6pc

Watch Full Stack Blog Website Tutorial
👉 https://youtu.be/HdWCh_4XE1Q

-------------------------------------
Build more React JS projects:

Complete Portfolio Website In React:
👉 https://youtu.be/4ag1LsgIUc0

Build ChatGPT Clone In React:
👉 https://youtu.be/EzkWAviyYgg

Build AI Image Generator with OpenAI In React
👉 https://youtu.be/PZG2MvOjud0

Create Weather App In React
👉 https://youtu.be/7JqdjWB88Kk

-------------------------------------
Images Credit:
https://www.pexels.com/
https://unsplash.com/
https://www.freepik.com/

-------------------------------------
Connect with me:
👉 https://linktr.ee/iamavinashkr

Connect with GreatStack:
Instagram: https://instagram.com/GreatStackDev
Twitter: https://twitter.com/GreatStackDev
Facebook: https://facebook.com/GreatStack

SEO Complete Course for Beginners (2025) – Learn SEO, Ranking, Keywords & Google Optimization

Sat, 06 Dec 2025 16:14:27 +0000

Become an SEO expert with this SEO Complete Course for Beginners!
In this step-by-step SEO training, you’ll learn how to rank websites on Google, research keywords, optimize content, build backlinks, and master all the essential SEO skills needed in 2025.

This SEO course covers on-page SEO, off-page SEO, technical SEO, analytics, content optimization, and Google ranking factors—everything you need to start a career in digital marketing or grow your online business.

🎯 What you'll learn in this SEO Complete Course:
What is SEO & how Google search works

Keyword research (free & paid tools)

On-page SEO optimization

Off-page SEO & link building

Technical SEO basics

Mobile SEO & site speed optimization

How to rank blog posts fast

Local SEO for small businesses

SEO content writing strategies

Google Search Console & Analytics

2025 SEO trends & algorithm updates

Perfect for bloggers, freelancers, business owners, digital marketers, and beginners who want to learn SEO from scratch.

👉 Remember to LIKE, SUBSCRIBE, and enable notifications for more tutorials!

Python Full Course for Beginners (2025) – Learn Python Programming From Scratch in 2 Hours

Fri, 05 Dec 2025 21:03:06 +0000

Unlock your programming journey with this Python Full Course for Beginners!
In this step-by-step Python tutorial, you will learn everything from basic Python concepts to real-world coding exercises. This full Python course covers variables, loops, functions, data structures, file handling, object-oriented programming, and beginner projects.

Whether you are preparing for a tech career, want to build apps, automate tasks, analyze data, or become a software developer, this Python course is designed to take you from zero to confident beginner.
🎯 What you’ll learn in this Python full course:

Python installation & setup

Variables, data types & operators

Conditional statements & loops

Functions & modules

Lists, tuples, dictionaries & sets

File handling

Object-Oriented Programming (OOP)

Mini-projects for beginners

This video is perfect for students, beginners, self-learners, and anyone who wants to master Python in 2025.

👉 Don’t forget to LIKE, SUBSCRIBE, and turn on notifications for more programming tutorials!

How to Start Coding in 2025 (Beginner’s Guide) | Learn Programming Step-by-Step

Mon, 17 Nov 2025 20:53:18 +0000

Want to learn how to code but don’t know where to start? This beginner-friendly tutorial explains how to start coding from scratch, even if you have no experience. You will learn the best programming languages to start with, how to practice coding daily, and the tools you need in 2025.

In this video, you will learn:

What coding is and how it works

The best programming languages for beginners (Python, JavaScript, HTML/CSS)

How to install coding tools (VS Code, Replit, mobile apps)

How to write your first code

How to practice coding daily

Free websites and resources to learn to code

How to start earning money as a beginner programmer

This guide is perfect for:
👉 Complete beginners
👉 Students
👉 Workers switching careers
👉 Anyone who wants to start a tech journey in 2025

Shapes

Mon, 17 Nov 2025 16:31:41 +0000

insert shapes and symt

How to Use Numbering & Bullet Lists in Microsoft Word (2025 Beginner Tutorial)

Mon, 17 Nov 2025 16:28:17 +0000

Learn how to use numbering and bullet lists in Microsoft Word with this simple, beginner-friendly tutorial. This step-by-step guide shows you how to create clean, organized lists for school work, business documents, reports, assignments, and professional presentations.

In this video, you will learn:

How to insert bullet points in Word

How to create numbered lists

How to use multilevel lists

How to customize bullets (icons, symbols, images)

How to format numbering styles (Roman numerals, letters, numbers)

How to fix list indentation problems

How to create professional, clean list layouts

This tutorial works for:
👉 MS Word 2016
👉 MS Word 2019
👉 MS Word 2021
👉 Microsoft 365 (Office 365)

Perfect for beginners who want to make their Word documents cleaner, more organized, and more professional.

How to Create and Format Tables in Microsoft Word (2025 Complete Tutorial for Beginners)

Mon, 17 Nov 2025 16:26:25 +0000

Learn how to create and format tables in Microsoft Word in this simple, step-by-step tutorial. Whether you're preparing a school assignment, business report, invoice, timetable, or data presentation, tables help you organize information clearly and professionally.

In this MS Word tutorial, you will learn:

How to insert a table in Microsoft Word

How to add and delete rows or columns

How to merge and split table cells

How to adjust table size, borders, and shading

How to apply table styles and designs

How to format text inside a table

How to make a professional-looking table in Word

Pro tips on aligning and spacing tables

This tutorial works for:
👉 MS Word 2016
👉 MS Word 2019
👉 MS Word 2021
👉 Microsoft 365 (Office 365)

Whether you’re a student, teacher, office worker, or beginner, this video will help you create clean, organized, and professional tables in minutes!

Introduction

Mon, 17 Nov 2025 16:24:32 +0000

welcome to Microsoft Word