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:
- A clear and descriptive objective;
- 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);
- 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)
- All the resources and links to help you find what you need to complete the project
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. |
| Name | Short Description | Tier |
|---|---|---|
| Build Brand Page | Design with React | 1-Begineer |
| Name | Short Description | Tier |
|---|---|---|
| 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 |
| Name | Short Description | Tier |
|---|---|---|
| Facebook Clone Application | A facebook Clone Application using React JS and Firebase | 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 |
| Full Stack GraphQL React | Ben Awad | 3-Advanced |
| React JS Resume and Portfolio Website | Salman Fazal | 3-Advanced |
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.
Any contributions are highly appreciated. 🙏 You can contribute in two ways:
- create an issue and tell us your idea 💡. Make sure that you use the new idea label in this case;
- 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;
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! 👍
- Awesome Github Repositories
- Free Programming Books
- 500 Data Structures and Algorithms Problems
- Front-End Challenge Websites
- The Modern JavaScript Tutorial
- 18 amazing GitHub repositories that will make a Beautiful Project
- React for Beginners – A React.js Handbook for Front End Developers
- React Movie App Tutorial - Build A Fun Portfolio Project with React and the OMBD API
- Learn React.js by Building Projects – Create a Birthday Reminder App
- Ultimate React Resources
- Instagram Clone with React, Tailwind CSS, Firebase
- Combining React and D3.js
- The Complete Guide to Full Stack Web3 Development
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
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! 😃
Do you have any suggestions on how we could improve this project overall? Let us know! We'd love to hear your feedback ❤!