https://github.com/talib8335/basics-projects

Some basic Javascript and JQuery Projects. This repository contains basic JavaScript and jQuery projects. These projects were built as part of a learning process to gain a better understanding of JavaScript and jQuery concepts and logic. Building small projects is an effective way to learn, so below is a list of projects.
https://github.com/talib8335/basics-projects

css3 html5 javascript jquery

Last synced: 4 months ago
JSON representation

Some basic Javascript and JQuery Projects. This repository contains basic JavaScript and jQuery projects. These projects were built as part of a learning process to gain a better understanding of JavaScript and jQuery concepts and logic. Building small projects is an effective way to learn, so below is a list of projects.

• Host: GitHub
• URL: https://github.com/talib8335/basics-projects
• Owner: Talib8335
• Created: 2024-08-02T17:11:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-03T21:55:00.000Z (over 1 year ago)
• Last Synced: 2025-05-21T13:55:24.538Z (7 months ago)
• Topics: css3, html5, javascript, jquery
• Language: JavaScript
• Homepage:
• Size: 12 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Basics-Projects

This repository contains basic JavaScript and jQuery projects built as part of a learning process. These small projects are designed to provide a better understanding of JavaScript and jQuery concepts and logic.

## Tech Stack

![HTML](https://img.shields.io/badge/HTML-E34F26?style=flat&logo=html5&logoColor=white)

![CSS](https://img.shields.io/badge/CSS-1572B6?style=flat&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)

![jQuery](https://img.shields.io/badge/jQuery-0769AD?style=flat&logo=jquery&logoColor=white)

## Snapshort

### Color Mixer

A color mixer that allows you to mix RGB colors using different hex values and generates the corresponding hex color for the mixed result.

![Color Mixer](https://github.com/user-attachments/assets/b1c6b24e-925b-4d9b-a387-7ed73e358a93)

### Number Picker

A small game where you pick numbers and place them in their correct positions to complete the game.

![Number Picker](https://github.com/user-attachments/assets/b5ce565c-10f5-4bd4-bc78-11884f8ba869)

### Pick Up Fruit

A game where you pick fruits and flowers from baskets and place them in their correct locations to win and complete the game.

![Pick Up Fruit](https://github.com/user-attachments/assets/a1227c98-0d6f-4e34-bb6a-f6057a7a81bc)

### Drag Color

Pick a color from the palette and drag it onto the text within a box to change the text color to the selected one.

![Drag Color](https://github.com/user-attachments/assets/dd4a7739-bd0f-43d7-b377-ea152ac0f60d)

### jQuery Delete API

An API that deletes content based on select or dragging mode, with a restore feature to recover deleted items.

![jQuery Delete API](https://github.com/user-attachments/assets/efa9962b-1a22-4794-99c8-11f3e02dae3f)

### Text Editor

A basic text editor that allows you to write and format text with functionalities for bold, italic, underlined, and more.

![Text Editor](https://github.com/user-attachments/assets/617c0a2b-3fdb-4410-8410-64b2314b3bcc)

### Responsive Portfolio

A responsive portfolio built with HTML, CSS, JavaScript, and jQuery. It includes a carousel functionality and is designed to look great on all devices.

![Responsive Portfolio](https://github.com/user-attachments/assets/579b280e-4338-4594-8193-422a76009ad9)

![Responsive Portfolio 2](https://github.com/user-attachments/assets/0a6d3527-5b70-4742-99da-84ccce9f2df0)

![Responsive Portfolio 3](https://github.com/user-attachments/assets/869ad69d-cd79-4c3f-a847-985c3a111f12)