Full Code of The-Cool-Coders/Project-Ideas-And-Resources for AI

Repository: The-Cool-Coders/Project-Ideas-And-Resources
Branch: main
Commit: 4a7d38ffd5bb
Files: 3
Total size: 18.5 KB

Directory structure:
gitextract_0vpctn7m/

├── CONTRIBUTION.md
├── LICENSE
└── README.md

================================================
FILE CONTENTS
================================================

================================================
FILE: CONTRIBUTION.md
================================================
<h2 align="center">Thanks for deciding to contribute to the Repository 🎉💡</h2>

### How to contribute ✔ ?

If you'd like to contribute, start by searching through the issues and pull requests to see whether someone else has raised a similar idea or question.

If you don't see your idea listed, and you think it fits into the goals of this guide, do one of the following:
- If your contribution is minor, such as a typo fix, open a pull request.
- If your contribution is major, such as a new guide, start by opening an issue first. That way, other people can weigh in on the discussion before you do any work.

#### Steps to Contribute⚡🍀✨!

Pull requests are the best way to propose changes to the codebase (we use Github Flow). We actively welcome your pull requests:
- Fork the repo and create your branch from master.
- Write clear meaningful git commit messages.
- Make sure your code lints.
- Issue that pull request!


================================================
FILE: LICENSE
================================================
MIT License

Copyright (c) 2020 The Cool Coders

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.


================================================
FILE: README.md
================================================
# Project Ideas and Resources ⚡💙⚡

![head](https://user-images.githubusercontent.com/61475220/97102081-807edc80-16c8-11eb-901c-f7d332efa79c.png)

<img src="https://user-images.githubusercontent.com/61475220/97093903-6d8aee80-166d-11eb-8799-13e119380d2b.jpg" width="50%" align=right>

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](https://www.youtube.com/watch?v=SS5amIbX0Mo&list=LL&index=3&t=56s) | A Two Player Chess game application using JavaScript| 1-Beginner |
| [10 User Interfaces](https://www.youtube.com/watch?v=Rz-rey4Q1bw&list=LL&index=6&t=8839s) | 10 User Interfaces using HTML, CSS and JavaScript| 1-Beginner |
| [Audio Book](https://www.youtube.com/watch?v=Flm2YHEFd5A) | PDF to Audio Book using Python| 1-Beginner |
| [Face Recognition App](https://www.youtube.com/watch?v=sz25xxF_AVE) | Face Recognition + Attendance using OpenCV| 1-Beginner |
- [ Build Brand Page](https://www.youtube.com/watch?v=W7up-w1QYpw&ab_channel=DoSomeCoding)| Design with React| 1-Begineer |
| [TIC TAC TOE](https://www.youtube.com/watch?v=BHh654_7Cmw) | Tic Tac Toe game using Python| 1-Beginner |
| [Password Generator](https://www.youtube.com/watch?v=SwgBZ0BQNLQ) | Password Generator App using Python| 1-Beginner |
| [PDF to Audio Book Converter](https://www.youtube.com/watch?v=kyZ_5cvrXJI&list=WL&index=18) | PDF to Audio Book using Python| 1-Beginner |



### Tier-2: Intermediate Projects

| Name                                                                              | Short Description                                  | Tier           |
| --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- |
| [Airbnb Clone Application](https://www.youtube.com/watch?v=IQaCL8_bwA4&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=7) | A React App for Airbnb Home page Clone                  | 2-Intermediate |
| [TMDB Movie App](https://www.youtube.com/watch?v=ufodJVcpmps) |  An interactive Movie Database app using ReactJS.                | 2-Intermediate |
| [Github Jobs App](https://www.youtube.com/watch?v=fxY1q4SCB64&list=LL&index=2) |  A GitHub Jobs App using React Hooks and Github API                | 2-Intermediate |
| [Weather App](https://www.youtube.com/watch?v=GuA0_Z1llYU) | Weather app in React JS using the Open Weather Map API | 2-Intermediate |
| [Business Card Generator](https://www.youtube.com/watch?v=mGORpgEOsT4) | A Business Card Generator using React JS | 2-Intermediate |
| [React Photo Gallery](https://www.youtube.com/watch?v=vUe91uOx7R0) | Photo Gallery App using React JS and Firebase | 2-Intermediate |
| [Chat-Bot Application](https://www.youtube.com/watch?v=FFT4p6me2g0)|A Chat-Bot which can answer your queries using python|2-Intermediate|
| [Movie Recomendation Engine](https://www.youtube.com/watch?v=XoTwndOgXBM)| A Movie Recommendation System Using ML|2-Intermediate|
| [Credit Card Fraud Detection](https://www.youtube.com/watch?v=jCoF1rMs_0s)| Credit Card Fraud Detection using ML |2-Intermediate|
| [Wildfire Tracker With React](https://www.youtube.com/watch?v=ontX4zfVqK8&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=17)| Wild Fire Detection using React, NASA API |2-Intermediate|
| [Google Drive Clone With React](https://www.youtube.com/watch?v=ljuCH6_jrYE)| Google Drive Clone using React, Firebase |2-Intermediate|
| [Fitness App](https://www.youtube.com/watch?v=KMkmA4i2FQc)| 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](https://www.youtube.com/watch?v=B-kxUMHBxNo&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=6)                 | A facebook Clone Application using React JS and Firebase  | 3-Advanced |
|  [Netflix Clone - FullStack](https://www.youtube.com/watch?v=x_EEwGe-a9o&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=1&t=291s)   | A Netflix clone application using TMDB API | 3-Advanced |
| [Instagram Clone Application](https://www.youtube.com/watch?v=f7T48W0cwXM)|An Instagram Clone application using React JS|3-Advanced|
|  [A COVID-19 Tracker](https://www.youtube.com/watch?v=cF3pIMJUZxM&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=2)   | A COVID-19 Tracker using React JS | 3-Advanced |
|  [Full-Stack Amazon Clone](https://www.youtube.com/watch?v=RDV3Z1KCBvo&feature=youtu.be&ck_subscriber_id=857936933)   | A Full-Stack AMAZON Clone using REACT JS | 3-Advanced |
|  [Flipkart Clone Application](https://www.youtube.com/watch?v=tvdFYmJEaw4&list=PLB_Wd4-5SGAYsxD4JGaVdXll3PnoyI-AM) |A Full-Stack Flipkart Clone using MERN Stack |3-Advanced |
|  [Voting Application - MERN ](https://www.youtube.com/watch?v=0oziV0FLhXc&list=PLBeQxJQNprbgrNfcntLO8N2Y-dzlMZXZe) |A Voting App using MERN Stack |3-Advanced |
|  [Travel Log - MERN STACK ](https://www.youtube.com/watch?v=5pQsl9u_10M) | Travel Log App using MERN Stack |3-Advanced |
|  [Discord Clone - MERN STACK ](https://www.youtube.com/watch?v=YzcnqYNXM90) | Discord Clone App using MERN Stack |3-Advanced |
|  [Messenger Clone - MERN STACK ](https://www.youtube.com/watch?v=8GMx8r9zQXg) | Messenger Clone App using MERN Stack |3-Advanced |
|  [Tik Tok Clone - MERN STACK ](https://www.youtube.com/watch?v=g8yGxDMyGi) | Tik Tok Clone App using MERN Stack |3-Advanced |
|  [Robinhood Clone](https://www.youtube.com/watch?v=TxggrQ0nHjY&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=18) | Robinhood Clone using React JS |3-Advanced |
|  [LinkedIn Clone](https://www.youtube.com/watch?v=QaYts9sPmcY&t=3s) | LinkedIn Clone using React JS |3-Advanced |
|  [Signal Clone](https://www.youtube.com/watch?v=MJzmZ9qmdaE) | Signal Clone using React JS |3-Advanced |
|  [Gmail Clone](https://www.youtube.com/watch?v=b7nrXjS6Dqs) | Gmail Clone using React JS |3-Advanced |
|  [E-Commerce Application](https://www.youtube.com/watch?v=XtciU6BnQdo) | MongoDB, Reactjs, Nextjs |3-Advanced |
|  [Full Stack NFT Marketplace](https://www.youtube.com/watch?v=GKJBEEXUha0) | Ethereum, Polygon and Next.js |3-Advanced |
|  [Invoice Application](https://www.youtube.com/watch?v=vsJtN54aA7w) | Vue 3, Vuex & Firebase |3-Advanced |
|  [Full-Stack Twitter Clone](https://www.youtube.com/watch?v=5Wak0iyGCrc&t) | Next JS, Recoil JS, Tailwind CSS, Nextauth & Firebase |3-Advanced |

### DApp and Blockchain Projects - 

| Name                                                                          | Short Description                                                   | Tier       |
| ----------------------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- |
| [Domain Site like Godaddy](https://www.youtube.com/watch?v=kUTdr1dStxA&t)                 | Web 3.0 Domain Site like Godaddy  | 2-Basic |
| [Amazon Clone using Solidity](https://www.youtube.com/watch?v=X1ahXNYkpL8)                 | Solidity, Ethers.js, React & Hardhat  | 2-Basic |
| [Real Estate App like Zillow](https://www.youtube.com/watch?v=C4blK6X-D_4)                 | Solidity, Ethereum, Hardhat, React  | 2-Basic |

## Awesome Tutorials

| TOPIC                                                                     | TUTOR                                            | 
| ----------------------------------------------------------------------------- | ------------------------------------------------------------------- |
| [MERN STACK Tutorial](https://www.youtube.com/watch?v=ktjafK4SgWM&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=20&t=584s)                 | Clever Programmer  | 
| [React JS Tutorial](https://www.youtube.com/watch?v=4UZrsTqkcW4&t=3159s)                 | FreeCodeCamp  | 
| [Django Tutorial](https://www.youtube.com/watch?v=xv_bwpA_aEA&list=PL-51WBLyFTg2vW-_6XBoUpE7vpmoR3ztO)                 | Clever Programmer  |
| [Full Stack GraphQL React](https://www.youtube.com/watch?v=I6ypD7qv3Z8&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=21&t=419s)                 | Ben Awad  | 
| [React Projects](https://www.youtube.com/watch?v=ly3m6mv5qvg&list=PLgxM_xd-x_qHa6ErJkxh4wIRc7Q36AMfC&index=13)                 | Coding Addict  | 
| [PHP Tutorial](https://www.youtube.com/watch?v=at19OmH2Bg4&list=PLu0W_9lII9aikXkRE0WxDt1vozo3hnmtR)                 | CodeWithHarry  | 
| [React Native Projects Playlist](https://www.youtube.com/watch?v=diUDjNwZ8Lg&list=RDCMUC3_z0yLxjNQpgGoc5VWuV2A)                 | ByProgrammers | 
| [Spring Framework Tutorial](https://www.youtube.com/watch?v=KRMNTudb0AY&list=PL0zysOflRCekeiERASkpi-crREVensZGS)                 | LearnCodeWith Durgesh | 
| [JSP & Servlets Tutorial](https://www.youtube.com/watch?v=xve6QEgIR-0&list=PL0zysOflRCel5BSXoslpfDawe8FyyOSZb)                 | LearnCodeWith Durgesh | 
| [React JS Resume and Portfolio Website](https://youtube.com/playlist?list=PLISG6SSQ9nqyuuTjr2cDApJlY9-K3jrn1)                 | Salman Fazal | 
| [5 Spring Boot Projects](https://www.youtube.com/watch?v=VR1zoNomG3w)                 | Java Guides | 
| [100 Days of Kubernetes](https://www.youtube.com/watch?v=W6J6UipVNGA&list=PLWnens-FYbIpUpmiiNYfkqTZQUYppGMFV)                 | Anais Urlichs | 
| [GraphQL API with .NET 5 and Hot Chocolate](https://www.youtube.com/watch?v=HuN94qNwQmM)                 | Les Jackson | 
| [.NET Micro Services](https://www.youtube.com/watch?v=DgVjEo3OGBI)                 | 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](./CONTRIBUTION.md);

### 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 🔗

- [Awesome Github Repositories](https://dev.to/denicmarko/github-repositories-to-improve-your-programming-skills-2d1e)
- [Free Programming Books](https://ebookfoundation.github.io/free-programming-books/)
- [Programming Slides](https://marko-knoebl.github.io/slides/)
- [500 Data Structures and Algorithms Problems](https://www.quora.com/q/techiedelight/500-Data-Structures-and-Algorithms-interview-questions-and-their-solutions)
- [8 Websites to get free PNG Images](https://www.instagram.com/p/CKZOtSRAlzi/?igshid=4exf5ik7vphu)
- [Front-End Challenge Websites](https://www.instagram.com/p/CKEeFaJALI_/)
- [The Modern JavaScript Tutorial](https://javascript.info/)
- [18 amazing GitHub repositories that will make a Beautiful Project](https://dev.to/kerthin/18-amazing-github-repositories-that-will-help-you-make-a-beautiful-project-3pgo)
- [Crypto Dev Hub](https://cryptodevhub.io/)

#### Design Resources 

- [CSS Icon Pack](https://css.gg/)
- [Icon Store](https://iconstore.co/)
- [Tilda Icons](https://tilda.cc/free-icons/)
- [Ikonate Icons](https://ikonate.com/)
- [Eva Icons](https://akveo.github.io/eva-icons/#/)
- [Funky Scribbles](https://www.scribbbles.design/)
- [Befonts](https://befonts.com/)
- [World Vector Logo](https://worldvectorlogo.com/)
- [Logoipsum](https://logoipsum.com/)
- [Streamlined Icons](https://streamlinehq.com/)
- [Patterns Dev - Modern Design Patterns](https://www.patterns.dev/)

#### Awesome APIS for Front-End Developers

- [The MovieDB API](https://www.themoviedb.org/documentation/api)
- [The NASA API](https://api.nasa.gov/)
- [Frank Furter API](https://www.frankfurter.app/)
- [The MealDB API](https://www.themealdb.com/api.php)
- [Responsive Voice API](https://responsivevoice.org/api/)
- [Crypto Currencies API](https://www.coinapi.io/)
- [Placeholder Image API](https://lorem.space/)

#### Awesome Dev Tools

- [Git Ignore Generator](https://www.toptal.com/developers/gitignore)

### Articles

- [React for Beginners – A React.js Handbook for Front End Developers](https://www.freecodecamp.org/news/react-beginner-handbook/)
- [React Movie App Tutorial - Build A Fun Portfolio Project with React and the OMBD API](https://www.freecodecamp.org/news/react-movie-app-tutorial/)
- [Learn React.js by Building Projects – Create a Birthday Reminder App](https://www.freecodecamp.org/news/react-practice-project-birthday-reminder-app/)
- [Ultimate React Resources](https://dev.to/hulyakarakaya/ultimate-react-resources-obl)
- [Instagram Clone with React, Tailwind CSS, Firebase](https://www.youtube.com/watch?v=mDgEqoQUBgk&list=LL&index=1&t=14s)
- [Combining React and D3.js](https://wattenberger.com/blog/react-and-d3)
- [The Complete Guide to Full Stack Web3 Development](https://dev.to/dabit3/the-complete-guide-to-full-stack-web3-development-4g74)


## ✨ Hall Of Contributors

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

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->

<a href="https://github.com/The-Cool-Coders/Project-Ideas-And-Resources/contributors">
  <img src="https://contrib.rocks/image?repo=The-Cool-Coders/Project-Ideas-And-Resources" />
</a>

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:

<p align="center" width="60%"><b>Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback ❤!</b></p>