Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucky-kashyap/javascript_projects

tech stack used Javascript (contains js projects)
https://github.com/lucky-kashyap/javascript_projects

css html javascript

Last synced: 7 days ago
JSON representation

tech stack used Javascript (contains js projects)

Awesome Lists containing this project

README 

        
# Javascript_Projects



Tech stack used Javascript (contains js projects)



Project 1: Web Minor Project | Text To Emoji Encryption/Decryption |



Project ShowCase :



![ezgif com-video-to-gif (6)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/2854c664-ab22-40e5-a12a-9ba762fb3dc0)



### Completed Web Minor Project



Project 2: product filter page



Features:



- use MOCK product API for getting data

- filter by category you select



Project ShowCase :



![ezgif com-video-to-gif (3)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/e38f8755-90c7-4ccd-a11a-b3598639217d)



### Completed task Product filter page



Project 3: News API based project



Features:



- Use News API for Displaying Data

- Filter by clicking on different category button

- search news by typing something and search it

- view full image on clicking on particular image.



Project ShowCase :



![ezgif com-optimize](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/b022600e-b7ac-4ea0-9d54-a7edd28805f0)



Project 4: Quiz APP



Project 5: Github User Finder Using JS



Features:



- search any github user

- also show its repositories



Project ShowCase :



![ezgif com-video-to-gif (2)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/4426ace7-dff8-457a-afb0-a897568b0aa0)



### Completed Assignment GitHub User Finder Using Vanilla Js



Project 6: Bubble Game



Real World JavaScript Based projects :



5 project with DOM



1. Add friend Feature with same button



Project ShowCase :



![ezgif com-video-to-gif](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/2cee7d1e-38c2-4b3b-a29b-51dd5309021a)



2. Insta like button



Project ShowCase :



![ezgif com-video-to-gif (5)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/4681f39b-7399-4ced-b53d-b1e10391af0d)



3. Custom cursor



Project ShowCase :



![ezgif com-video-to-gif (1)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/d1022a6c-4afb-436f-abae-ef52aab798db)



4. Multiple Image hovering Animation



Project ShowCase :



![ezgif com-video-to-gif (4)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/ac41944d-23d1-4471-b372-268d1eba3868)



5. Insta Story Feature



Project 7 : JIRA TICKET MANAGEMENT CLONE



Features:



- Ticket Generate

- Assign Priority Color to ticket

- By Default Priority Color is GREY

- Filter Ticket According to Colors

- Remove Ticket while clicking on remove button

- Use Web Storage API to store tickets (localStorage)

- We can also lock & unlock tickets & edit it if needed.



Visit Jira Ticket Clone : [[https://jira-ticket-management-tool.netlify.app/]]



Project ShowCase :



![ezgif com-video-to-gif (7)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/8e562e9e-04a9-4d74-98b8-b5d35b13c681)



### Completed JIRA TICKET MANAGEMENT CLONE Using Vanilla JS



Project 8 : Expense Tracker Assignment



Features:



- add transactions

- store all expenses in localStorage

- delete expense by clicking on delete button

- history will be maintain

- Your Expenses has been calculated



Approach:



- blank array



- object= key,value {name:'Book',price:250}



- SHow transactions



  array read loop through array



  DOM write (ul li)



- add all transactions and show total



      - where are the values= array - object - price



  loop array obj price aur usme jo values hai usko add krta jaunga



- Remove transactions when clicking the delete button



  - delete button par event listener add krna pdega

    kis delete button par click ho rha hai yeh pta krna pdega

    fir us item ko hamare array me dhund kar delete krna pdega



- update the total after deleting an item



  - array ke andar - object price ka total kar rhe hai

    jaise hi hum delete krte hai item ko toh hume array ki values ko fir se DOM me dalna pdega



- Everything should be stored in localStorage



  - array ko localstorage mein save krna hai

    array ko localstorage mein se read krna hai



Project ShowCase :



![ezgif com-video-to-gif](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/e8a54a7f-37e2-40ab-a179-eac485e21812)



Visit Expense Tracker : [[https://transaction-track.netlify.app/]]



### Completed Expense Tracker Assignment Using Vanilla JS.



Project 9 : Web Cam



Features:



- Image Capturing

- Video Recording

- Editing Frame (Filter image & video)

- Gallery page to view all recorded videos & pictures

- Use Database IndexedDB API provided by Browser

- we also delete & download data (Images & videos).

- Responsive UI



For storing data use IndexedDB (Database) key-value pair



### How to configure it



- Open database

- create objectstore

- add eventlisteners according to it

- Make transactions



Project ShowCase :



Home Page:



![Screenshot (3155)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/23164ede-efad-4c29-ad86-af5b78076e46)



Gallery Page:



![Screenshot (3156)](https://github.com/Lucky-Kashyap/Javascript_Projects/assets/88204554/11312c85-859a-4198-aae8-7bd1f69f659a)



Visit Web Cam Photo Gallery : [[https://photo-gallery-web.netlify.app/]]



### Completed Web Cam Photo Gallery Web Application Using Vanilla JS



# Upcoming Projects



- Excel Sheet Clone

- Open Board (Drawing Board)



### VANILLA JS PROJECTS



Happy Learning! ✨



Made with ☕️ by Divyanshu Kashyap