Project Ideas and Resources ⚡💙⚡

Have you ever wanted to build something but you had no idea what to do? Just as authors sometimes have "writers block" it's also true for developers. This list is intended to solve this issue once and for all! 👍

These applications are:

• Great for improving your coding skills :muscle:;
• Great for experimenting with new technologies 🆕;
• Great for adding to your portfolio to impress your next employer/client :file_folder:;
• Great for using as examples in tutorials (articles or videos) :page_with_curl:;
• Easy to complete and also easily extendable with new features :ok_hand:;

This is not just a simple list of projects, but a collection that describes each project in enough detail so that you can develop it from the ground up!

Each project has the following features:

1. A clear and descriptive objective;
2. A list of User Stories which should be implemented (these stories act more as a guideline than a forced list of To-Do's. Feel free to add your own stories if you want);
3. A list of bonus features that not only improve the base project, but also your skills at the same time (these are optional and should be attempted only after you have completed the required user stories)
4. All the resources and links to help you find what you need to complete the project

Projects 🚀

Projects are divided into three tiers based on the knowledge and experience required to complete them.

Tier	Developer Profile
1	Developers in the early stages of their learning journey. Those who are typically focused on creating user-facing applications.
2	Developers at an intermediate stage of learning and experience. They are comfortable in UI/UX, using development tools, and building apps that use API services.
3	Developers who have all of the above, and are learning more advanced techniques like implementing backend applications and database services.

Tier-1: Beginner Projects

Name	Short Description	Tier
Chess Game App	A Two Player Chess game application using JavaScript	1-Beginner
10 User Interfaces	10 User Interfaces using HTML, CSS and JavaScript	1-Beginner
Audio Book	PDF to Audio Book using Python	1-Beginner
Face Recognition App	Face Recognition + Attendance using OpenCV	1-Beginner

• Build Brand Page| Design with React| 1-Begineer | | TIC TAC TOE | Tic Tac Toe game using Python| 1-Beginner | | Password Generator | Password Generator App using Python| 1-Beginner | | PDF to Audio Book Converter | PDF to Audio Book using Python| 1-Beginner |

Tier-2: Intermediate Projects

Name	Short Description	Tier
Airbnb Clone Application	A React App for Airbnb Home page Clone	2-Intermediate
TMDB Movie App	An interactive Movie Database app using ReactJS.	2-Intermediate
Github Jobs App	A GitHub Jobs App using React Hooks and Github API	2-Intermediate
Weather App	Weather app in React JS using the Open Weather Map API	2-Intermediate
Business Card Generator	A Business Card Generator using React JS	2-Intermediate
React Photo Gallery	Photo Gallery App using React JS and Firebase	2-Intermediate
Chat-Bot Application	A Chat-Bot which can answer your queries using python	2-Intermediate
Movie Recomendation Engine	A Movie Recommendation System Using ML	2-Intermediate
Credit Card Fraud Detection	Credit Card Fraud Detection using ML	2-Intermediate
Wildfire Tracker With React	Wild Fire Detection using React, NASA API	2-Intermediate
Google Drive Clone With React	Google Drive Clone using React, Firebase	2-Intermediate

Tier-3: Advanced Projects

Name	Short Description	Tier
Facebook Clone Application	A facebook Clone Application using React JS and Firebase	3-Advanced
Netflix Clone - FullStack	A Netflix clone application using TMDB API	3-Advanced
Instagram Clone Application	An Instagram Clone application using React JS	3-Advanced
A COVID-19 Tracker	A COVID-19 Tracker using React JS	3-Advanced
Full-Stack Amazon Clone	A Full-Stack AMAZON Clone using REACT JS	3-Advanced
Flipkart Clone Application	A Full-Stack Flipkart Clone using MERN Stack	3-Advanced
Voting Application - MERN	A Voting App using MERN Stack	3-Advanced
Travel Log - MERN STACK	Travel Log App using MERN Stack	3-Advanced
Discord Clone - MERN STACK	Discord Clone App using MERN Stack	3-Advanced
Messenger Clone - MERN STACK	Messenger Clone App using MERN Stack	3-Advanced
Tik Tok Clone - MERN STACK	Tik Tok Clone App using MERN Stack

DApp and Blockchain Projects -

Name	Short Description	Tier
Domain Site like Godaddy	Web 3.0 Domain Site like Godaddy	2-Basic
Amazon Clone using Solidity	Solidity, Ethers.js, React & Hardhat	2-Basic
Real Estate App like Zillow	Solidity, Ethereum, Hardhat, React	2-Basic

Awesome Tutorials

TOPIC	TUTOR
MERN STACK Tutorial	Clever Programmer
React JS Tutorial	FreeCodeCamp
Django Tutorial	Clever Programmer
Full Stack GraphQL React	Ben Awad
React Projects	Coding Addict
PHP Tutorial	CodeWithHarry
React Native Projects Playlist	ByProgrammers
Spring Framework Tutorial	LearnCodeWith Durgesh
JSP & Servlets Tutorial	LearnCodeWith Durgesh
React JS Resume and Portfolio Website	Salman Fazal
5 Spring Boot Projects	Java Guides
[100 Days of Kubernetes](https://www.youtube.com/watch?v=W6J6UipVNGA&list=PLWnens-FYbIpUpmiiNYfkqT