100+ Real Projects In JavaScript & ReactJS & ReactNative
The best way to learn the programming language is to Learn By Doing.
Each project will affect the world, none of the projects are like a timepass.
This are the list of 134++ Projects Which you can make out for Javascript & ReactJS & ReactNative, OR any other Technology/Programming Language You like to use.
Types of projects
1.Extanctions
- Google Workspace
- VScode
- Google Chrome
2.Script.google.com
3.Bot/API
4.Website & app (most website can convert to apps & vice versa)
5.Windows/MacOS software (react native)
So, Let's Get Started, Here is the list
- website: Make and release the first Demo Website (also App) Note: It takes your mood, not much time to learn anything — app dev. With React Native
- Website for Blog Writing
- Internet Speed Test
- Typing Speed Test
- Google Forms To Chatbot converter
- https://reqres.in upgraded
- Currency Exchange
- Temp-Mail
- URL shortener
- Random Quote
- Games API (SteamDB,RAWG,GameDB)
- WordCouch(as like google word couch)
- Google gravity & Space
- Image resizer
- Img & video formate changer
- Anywhere Door (Earth, Universe)
- Shot.in URL shortener :: shot.in?n=2qe4LinkNo (Use Firebase-Database ,not Firebase-Firestore)
- Festi.in : Wish festivals with links and name .e.g.- festi.in?f=holi2&n=name
- Cryptonia (about cryptocurrency)
- Chat3000 (A chat app)
- News (With API)
- weather (use API)
- Website Builder
- Open Blog — Blog Open for all Writer (upgrade Medium.com)
- CodeInMobile (DB, Snippets, Run, Keyboard-ToCode, and links to learn)
- Quiz Maker
- SearchOn (search at amazon, Flipkart….etc. in one go)
- SearchOn2 (Quora+Stack+dev)
- SearchOn3(on ur selected sites)
- Audio Writer (write an ebook with audio)
- Audio Coder (write HTML CSS js bootstrap-4 firebase → all with just audio of yours)
- Affiliation.link (upgraded affiliation.watch)
- ArtHub (For Artists to show their talents openly)
- Animo (birds, animals, plants voice, disease, medicine, and info detection)
- Chemio (Cloud Database needed → it tells and stores chemical reactions) e.g. C+O2→ CO2 OR CO3…etc.
- Agro (for farmer)
- Search Engine (google’s search API)
- Science Behind Cultures
- Meanings of religious Books
- Bus Tracker (with Rahul)
- Mobile Launchers
- Music
- Scientific Calculator
- Music Maker & Uploader (All In Mobile → Guitar, Piano, Tabla etc. can download and edit more tones) → upload to view by all.
- Games -testing game
- Trex-upgrade,
- 2048,
- sudoku,
- cube 3D,
- castle defense,
- temple run,
- chess,
- RocketToSky
- TiriPasa
- Ludo
- BubberShooter
- CandyCrush
- Make the first API in GCP: real testing, more APIs given below
- ChatBot Maker (Firebase) → Learn Code, Amazon, Real Person Chatbot
- Store Data (If permitted) → WeatherHistory, Crypto-rates
- Whole Website Scrapper (with options of JS, IMG, video, or the whole site)
- Website data scrappers → (go through 10+ websites and scrap some particularly useful data)
- Smart Search Bot — Google (Open first 10 links and got headings — commons)
- Centralized System (upload img+video+text To youtube, website, social media in one click)
- Trading Bots (Crypto, Metal, Company, Web/app)
- Auto Freelancers (search doc converters, audio to text — etc. simple works and works automatically if u can make then it's good)
- Search and make first social media bot(make ~10 Useful bots for each media given below)
- Discord
- Github
- Dev community
- Medium
- Quora
- Stack Overflow
- Wikipedia-bot
- — more- any social media
- Learn & make First VSCode Extanctions, now make VScode Extanctions given below
- CodeRunners (C/C++,python,NodeJS)
- Code Abstractor (abstract code of Bootstrap, JQuery, AngualrJs, etc. to pure codes)
- SCSS to CSS, .pub to HTML
- Bootstrap-4 to Pure CSS-JS
- TimeDev (smart graph-circle-% of Code) programming language & Projects
- NodeJS API Tester
- MySQL, MongoDB, PostgreSQL helpers for NodeJS
- Snippets (of Firebase, Bootstrap4, AWS, WordPress etc.)
- Own Icon (icons of different languages : )
- Upgrade “Own Icon”(U can make icons and use them for your own VSCode, Can Upload for all in the website..)
- Snippets Maker (u can make snippets — as per u want)
- Crome Extanctions : Learn to make and release first Chrome extensions, more extanctions given below
- TimeTeller : how much time you spent on which site & total time on crome
- Smart Bookmarks
- Affiliators note
- Code Formatter (.css .html .scss .json)
- Security Checker & Ads Blocker (HTTPS, Google Adsense, AmazonAds)
- Developers Smart Bookmarks — Proper Categorization (self-made icons and names)
- Screen+Voice recorder → Editor (Basic Edits)
- Console — Upgrade (ctrl+shift+I)
- API Testing (NodeJS)
- Calculator-Note
- Website Quality, Tech & Loading Speed Measure
- Links Abstractor (of the website) → not in header OR footer → In Selected Areas
- Current Page + Whole Website Downloader → Settings (Options — Img, Vid…)
- Color (Color teller + Theme color Teller(smart upgrade))
- TimePass (Convert Site into Trex, Sudoku, Eater, etc. As Much u want to download -options)
- Ads On-Page (Smart + Source-Income) 1.It Shows GoogleAds on the footer of every page (Bottom:0; position: fixed) 2.Shows Amazon Ads/Products When Search on amazon for any products 3.Include Udemy courses etc.
- AdsOnPage(Upgrade):: Anyone can put links of Adsence and Amazon So that u can earn simply by adding just a link : )
- Upgrade AdsOnPage :: Video Ads without sounds in the corner. (video ads pay more)
- MyNotes :: Simple Notes Upgrade
- Auto Start — NodeJS bot (Run it automatically, so that don't need to host it anywhere e.g.-JobScrappers,) → Show Graph, circle, %, etc. for Bots results
- Google Workspace Extinctions — first test extension
- Convert spreadsheet to a chatbot
- Affiliation links shortcuts
- Grammarly type something
- Database switcher
- Random password generator for spreadsheet column for each lists name
- Google Chrome extensions
- Black theme
- 10minMail
- Ads blocker
- Https security and virus (cache checker, Cookies)
- Script.google.com bots
- Make 10 projects then do 10 projects at freelancing sites.
- Test/first Windows App with React
- Video-Audio recorder & editor
- Big calculator
- Typing master
- Sketch Draw
- Code Runner (online & downloadable)
- Affiliation maintainer
- Website Grabber/Scrapper (with settings- IMG., full site, etc.)
- Youtube bots >> for the channel, to get a timer, comments proper formate, etc.
You may (I suggest you to) use these technologies for making projects:-
→MaterialUI (In react) & Bootstrap 5 (In Pure JS/ReactJS/ReactNative)
→Firebase (Good+Free+Easy Cloud Service for hosting+Database+APIs etc.)
→Javascript
→ReactJS (For Website)
→ReactNative (For Android/IOS/Desktop apps)
→ Animated Icons (https://fontawesome.com/icons?d=gallery https://www.flaticon.com/, https://icons8.com/icons, https://material.io/resources/icons/?style=baseline)
→Adobe (Optional — for creating images, animated videos on the website)
Also, if you want more projects then go to any freelancing site OR learn something new out of the field of programming, so that you can connect it with coding. e.g.- history, physics, chemistry, math, society, money, music, dance, any outdoor/indoor game, etc.
Have fear, but fear should be not of gaining, but of losing.
These are the projects I have decided to make, I’m publishing it today just because “I want to generate fear of finishing these projects by someone else before me”.
If u finished all projects, please reply, and give the GitHub repository OR youtube link of projects. I will be first Jealous, then learn from you. (Be Jealous is good when its effect is good and it doesn’t harm anyone)