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 💪;
  • Great for experimenting with new technologies 🆕;
  • Great for adding to your portfolio to impress your next employer/client 📁;
  • Great for using as examples in tutorials (articles or videos) 📃;
  • Easy to complete and also easily extendable with new features 👌;

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.

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

Tier-1: Beginner Projects

NameShort DescriptionTier
Chess Game AppA Two Player Chess game application using JavaScript1-Beginner
10 User Interfaces10 User Interfaces using HTML, CSS and JavaScript1-Beginner
Audio BookPDF to Audio Book using Python1-Beginner
Face Recognition AppFace Recognition + Attendance using OpenCV1-Beginner

Tier-2: Intermediate Projects

NameShort DescriptionTier
Airbnb Clone ApplicationA React App for Airbnb Home page Clone2-Intermediate
TMDB Movie AppAn interactive Movie Database app using ReactJS.2-Intermediate
Github Jobs AppA GitHub Jobs App using React Hooks and Github API2-Intermediate
Weather AppWeather app in React JS using the Open Weather Map API2-Intermediate
Business Card GeneratorA Business Card Generator using React JS2-Intermediate
React Photo GalleryPhoto Gallery App using React JS and Firebase2-Intermediate
Chat-Bot ApplicationA Chat-Bot which can answer your queries using python2-Intermediate
Movie Recomendation EngineA Movie Recommendation System Using ML2-Intermediate
Credit Card Fraud DetectionCredit Card Fraud Detection using ML2-Intermediate
Wildfire Tracker With ReactWild Fire Detection using React, NASA API2-Intermediate
Google Drive Clone With ReactGoogle Drive Clone using React, Firebase2-Intermediate
Fitness AppA fitness app that sends you new workouts per email every day using Python and HarperDB.2-Intermediate

Tier-3: Advanced Projects

NameShort DescriptionTier
Facebook Clone ApplicationA facebook Clone Application using React JS and Firebase3-Advanced
Netflix Clone - FullStackA Netflix clone application using TMDB API3-Advanced
Instagram Clone ApplicationAn Instagram Clone application using React JS3-Advanced
A COVID-19 TrackerA COVID-19 Tracker using React JS3-Advanced
Full-Stack Amazon CloneA Full-Stack AMAZON Clone using REACT JS3-Advanced
Flipkart Clone ApplicationA Full-Stack Flipkart Clone using MERN Stack3-Advanced
Voting Application - MERNA Voting App using MERN Stack3-Advanced
Travel Log - MERN STACKTravel Log App using MERN Stack3-Advanced
Discord Clone - MERN STACKDiscord Clone App using MERN Stack3-Advanced
Messenger Clone - MERN STACKMessenger Clone App using MERN Stack3-Advanced
Tik Tok Clone - MERN STACKTik Tok Clone App using MERN Stack3-Advanced
Robinhood CloneRobinhood Clone using React JS3-Advanced
LinkedIn CloneLinkedIn Clone using React JS3-Advanced
Signal CloneSignal Clone using React JS3-Advanced
Gmail CloneGmail Clone using React JS3-Advanced
E-Commerce ApplicationMongoDB, Reactjs, Nextjs3-Advanced
Full Stack NFT MarketplaceEthereum, Polygon and Next.js3-Advanced
Invoice ApplicationVue 3, Vuex & Firebase3-Advanced
Full-Stack Twitter CloneNext JS, Recoil JS, Tailwind CSS, Nextauth & Firebase3-Advanced

DApp and Blockchain Projects -

NameShort DescriptionTier
Domain Site like GodaddyWeb 3.0 Domain Site like Godaddy2-Basic
Amazon Clone using SoliditySolidity, Ethers.js, React & Hardhat2-Basic
Real Estate App like ZillowSolidity, Ethereum, Hardhat, React2-Basic

Awesome Tutorials

TOPICTUTOR
MERN STACK TutorialClever Programmer
React JS TutorialFreeCodeCamp
Django TutorialClever Programmer
Full Stack GraphQL ReactBen Awad
React ProjectsCoding Addict
PHP TutorialCodeWithHarry
React Native Projects PlaylistByProgrammers
Spring Framework TutorialLearnCodeWith Durgesh
JSP & Servlets TutorialLearnCodeWith Durgesh
React JS Resume and Portfolio WebsiteSalman Fazal
5 Spring Boot ProjectsJava Guides
100 Days of KubernetesAnais Urlichs
GraphQL API with .NET 5 and Hot ChocolateLes Jackson
.NET Micro ServicesLes Jackson

Resources 🔗

Design Resources

Awesome APIS for Front-End Developers

Awesome Dev Tools

Articles

Comments

Post a Comment

Popular posts from this blog

From Raw Idea to Live App: A Comprehensive Guide to a Disciplined AI Workflow

Image
Have you ever had a brilliant app idea that got lost in the void between inspiration and implementation? You're not alone. The journey from a conceptual spark to a functional, deployed application is full of complexities. For many, the traditional, ad-hoc approach of just "jumping in and coding" often leads to disorganized, buggy, or overly complex projects that are a nightmare to maintain. It doesn't have to be that way. Today, I'm going to share with you my exact, tried-and-tested prompt stack—a disciplined, sequential workflow system that transforms a raw idea into a live app. This isn't just about using AI; it's about a fundamental shift in mindset from chaotic creation to methodical development. The Foundation of Discipline This workflow is not a magical shortcut. It demands discipline, a core belief in preparation, and a commitment to meticulousness. Before we dive in, let's establish the ground rules: Never Merge Prompts: Run them one by one. T...
Read more