Project-Ideas-And-Resources README

The project's README from github.com/The-Cool-Coders/Project-Ideas-And-Resources. As one markdown file: README.md.

Project Ideas and Resources ⚡💙⚡

head

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:

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

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
Fitness App A fitness app that sends you new workouts per email every day using Python and HarperDB. 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 3-Advanced
Robinhood Clone Robinhood Clone using React JS 3-Advanced
LinkedIn Clone LinkedIn Clone using React JS 3-Advanced
Signal Clone Signal Clone using React JS 3-Advanced
Gmail Clone Gmail Clone using React JS 3-Advanced
E-Commerce Application MongoDB, Reactjs, Nextjs 3-Advanced
Full Stack NFT Marketplace Ethereum, Polygon and Next.js 3-Advanced
Invoice Application Vue 3, Vuex & Firebase 3-Advanced
Full-Stack Twitter Clone Next JS, Recoil JS, Tailwind CSS, Nextauth & Firebase 3-Advanced

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 Anais Urlichs
GraphQL API with .NET 5 and Hot Chocolate Les Jackson
.NET Micro Services Les Jackson

Plans for the future ⚡

We are planning to add more and more projects to this repository. For this, we need your help! Find out how to contribute below. 👇

We are also planning to create a website where you can easily browse through all of the projects.

Contribution ❤

Any contributions are highly appreciated. :pray: You can contribute in two ways:

  1. create an issue and tell us your idea :bulb:. Make sure that you use the new idea label in this case;
  2. fork the project and submit a PR with your new idea. Before doing that, please make sure that you read and follow the Contribution Guide;

Examples ☘

You can also add your own examples to the projects after you have completed them. I highly encourage you to do this as it will show others what amazing things were built! 👍

Resources 🔗

Design Resources

Awesome APIS for Front-End Developers

Awesome Dev Tools

Articles

✨ Hall Of Contributors

Thanks goes to all these Wonderful People. Contributions of any kind are welcome!🚀

Looking for Great Contributions from all the open source enthusiasts for making this repository even bigger! Do follow the steps mentioned in Contributing.md file for succesful PRs

Spread the word!

If the information from this repo was useful to you in any way, make sure you give it a star 🌟, this way others can find it and benefit too! Together we can grow and make our community better! :smiley:

Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback ❤!

Project-Ideas-And-Resources (The-Cool-Coders/Project-Ideas-And-Resources)

Searching Database…

这是什么?这是一份精选的应用项目创意合集,分为入门、中级和高级三个等级(另有区块链/DApp 方向),每个项目都包含目标、用户故事、附加功能,以及帮助你从零开始构建的相关链接。
我该怎么使用这份清单?选择与你技能水平相符的等级,阅读项目的简短描述,然后借助所附的教程和 API,实现其用户故事和可选的附加功能。
这些项目创意经过审核吗?还是任何人都可以添加?任何人都可以提出新创意:提交带有 'new idea' 标签的 issue,或者 fork 仓库后提交 pull request,因此各条目的深度和质量可能参差不齐。
这份清单面向什么技能水平?适合所有水平:一级面向刚开始学习的开发者,二级面向熟悉 UI/UX 和 API 驱动应用的中级开发者,三级面向同时涉及后端和数据库的高级开发者。
完全的新手应该从哪里开始?建议从一级创意开始,例如 Chess Game App、10 User Interfaces、Password Generator,或 PDF 转有声书转换器。这些项目都面向初学者,使用纯 HTML/CSS/JS 或 Python 即可完成。
是否也链接到完整的视频/课程教程?是的,'Awesome Tutorials' 表格链接到完整课程,涵盖 MERN 技术栈、React、Django、PHP、Spring Boot、JSP/Servlets,以及使用 .NET 的 GraphQL。
是否有专门的区块链板块?有的,'DApp and Blockchain Projects' 板块列出了一些创意,例如类似 GoDaddy 的域名交易市场、亚马逊克隆版,以及类似 Zillow 的房地产应用,使用 Solidity、Ethereum/Hardhat 和 React 构建。
每个创意都附带设计素材和免费 API 推荐吗?是的,单独的 'Design Resources' 和 'Awesome APIs for Front-End Developers' 板块列出了图标包、logo 工具,以及 TMDB、NASA、MealDB 等免费 API,你可以直接接入自己的项目。
Size
0.1 MB
Stars
17K
Updated
CommitOct 16
Age
5y
Commits · 90 Days