├── LICENSE ├── README.md ├── full-stack-developer └── info.mdx └── metadata.json /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Tech Optimum 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Practical Coding Project Ideas 2 | 3 | This repository is designed to provide practical coding project ideas for developers at all stages of their learning journey. Whether you're interested in web development, app development, game development, or something else, we've got a project for you! 4 | 5 | ## Table of Contents 6 | 7 | 1. [Web Development](#web-development) 8 | - [Beginner](#web-beginner) 9 | - [Intermediate](#web-intermediate) 10 | - [Advanced](#web-advanced) 11 | 2. [App Development](#app-development) 12 | - [Beginner](#app-beginner) 13 | - [Intermediate](#app-intermediate) 14 | - [Advanced](#app-advanced) 15 | 3. [Game Development](#game-development) 16 | - [Beginner](#game-beginner) 17 | - [Intermediate](#game-intermediate) 18 | - [Advanced](#game-advanced) 19 | 4. [Data Science and Machine Learning](#data-science-and-machine-learning) 20 | - [Beginner](#ml-beginner) 21 | - [Intermediate](#ml-intermediate) 22 | - [Advanced](#ml-advanced) 23 | 5. [Robotics](#robotics) 24 | - [Beginner](#robotics-beginner) 25 | - [Intermediate](#robotics-intermediate) 26 | - [Advanced](#robotics-advanced) 27 | 28 | 29 | --- 30 | 31 | ## General Information 32 | 33 | Before starting any project, make sure you have the necessary development environment set up on your machine. Always refer to the official documentation for the most accurate and up-to-date information. 34 | 35 | --- 36 | 37 | ## Web Development 38 | 39 | ### Beginner 40 | 41 | 1. **To-Do List App** 42 | - **Languages**: HTML, CSS, JavaScript 43 | - **Description**: Create a simple to-do list where you can add and remove tasks. 44 | - **Tutorial**: [To-Do List Tutorial](https://www.w3schools.com/howto/howto_js_todolist.asp) 45 | 46 | 2. **Calculator** 47 | - **Languages**: HTML, CSS, JavaScript 48 | - **Description**: Create a simple calculator that can do basic mathematical operations. 49 | - **Tutorial**: [Calculator Tutorial](https://www.youtube.com/watch?v=j59qQ7YWLxw) 50 | 51 | 3. **Weather App** 52 | - **Languages**: HTML, CSS, JavaScript 53 | - **Description**: Create an app that fetches weather information using an API and displays it. 54 | - **Tutorial**: [Weather App Tutorial](https://www.youtube.com/watch?v=wPElVpR1rwA) 55 | 56 | ### Intermediate 57 | 58 | 1. **Blogging Platform** 59 | - **Languages**: JavaScript (Node.js, Express), HTML, CSS 60 | - **Description**: Create a simple blogging platform where users can post articles, comment, and like posts. 61 | - **Tutorial**: [Blogging Platform Tutorial](https://www.youtube.com/watch?v=7iWlCl35p9o) 62 | 63 | 2. **Chat Application** 64 | - **Languages**: JavaScript (Node.js, Socket.io), HTML, CSS 65 | - **Description**: Create a real-time chat application where users can sign in, join different channels, and send messages to each other. 66 | - **Tutorial**: [Chat Application Tutorial](https://www.youtube.com/watch?v=jD7FnbI76Hg) 67 | 68 | ### Advanced 69 | 70 | 1. **E-commerce Platform** 71 | - **Languages**: JavaScript (React, Node.js), HTML, CSS 72 | - **Description**: Build a full-fledged e-commerce platform with features like product search, user authentication, and online payment. 73 | - **Tutorial**: [E-commerce Platform Tutorial](https://www.youtube.com/playlist?list=PLdAEGQHOerPAs67GJpgopqHhIjPk7rW7d) 74 | 75 | 2. **Social Media Dashboard** 76 | - **Languages**: JavaScript (React, Node.js), HTML, CSS 77 | - **Description**: Build a dashboard that aggregates content from various social media sources using their APIs. 78 | - **Tutorial**: [Social Media Dashboard Tutorial](https://www.youtube.com/watch?v=jx5hdo50a2M&pp=ygUmc29jaWFsIG1lZGlhIGRhc2hib2FyZCBuZXh0anMgdHV0b3JpYWw%3D) 79 | 80 | --- 81 | ## App Development 82 | 83 | ### Beginner 84 | 85 | 1. **Counter App** 86 | - **Languages**: Swift (iOS), Kotlin (Android) 87 | - **Description**: Create a simple counter app that allows you to increment, decrement, and reset a counter. 88 | - **Tutorial**: [Counter App Tutorial for Android](https://www.youtube.com/watch?v=ti3I-A0bVRU&pp=ygUcY291bnRlciBhcHAgdHV0b3JpYWwgYW5kcm9pZA%3D%3D), [Counter App Tutorial for iOS](https://www.youtube.com/watch?v=P3Fs-oOLzHs&pp=ygUYY291bnRlciBhcHAgdHV0b3JpYWwgaW9z) 89 | 90 | 2. **Tip Calculator** 91 | - **Languages**: Swift (iOS), Kotlin (Android) 92 | - **Description**: Create a tip calculator app that takes a bill amount and tip percentage, then calculates the total bill. 93 | - **Tutorial**: [Tip Calculator Tutorial for Android](https://www.youtube.com/playlist?list=PLsF3G8o7POZycuJ9I6T8EMU46GbL1atBO), [Tip Calculator Tutorial for iOS](https://www.youtube.com/playlist?list=PLHmNdpdzx21GiEPJV-mjQk8m_XdMrjSBX) 94 | 95 | ### Intermediate 96 | 97 | 1. **To-Do List App** 98 | - **Languages**: Swift (iOS), Kotlin (Android) 99 | - **Description**: Create a To-Do List app that allows the user to add tasks, mark them as completed, and delete them. 100 | - **Tutorial**: [To-Do List App Tutorial for Android](https://www.youtube.com/watch?v=BBWyXo-3JGQ), [To-Do List App Tutorial for iOS](https://www.youtube.com/watch?v=LrCqXmHenJY) 101 | 102 | 2. **Weather App** 103 | - **Languages**: Swift (iOS), Kotlin (Android) 104 | - **Description**: Create an app that fetches weather information using an API and displays it. 105 | - **Tutorial**: [Weather App Tutorial for Android](https://www.youtube.com/watch?v=Xfg6WKek80w&pp=ygUSd2VhdGhlciBhcHAga290bGlu), [Weather App Tutorial for iOS](https://www.youtube.com/watch?v=X2W9MPjrIbk&pp=ygUPd2VhdGhlciBhcHAgaW9z) 106 | 107 | ### Advanced 108 | 109 | 1. **Chat Application** 110 | - **Languages**: Swift (iOS), Kotlin (Android) 111 | - **Description**: Build a chat application that allows real-time messaging, image sharing, and notifications. 112 | - **Tutorial**: [Chat App Tutorial for Android](https://www.youtube.com/watch?v=8Pv96bvBJL4&pp=ygUPY2hhdCBhcHAga290bGlu), [Chat App Tutorial for iOS](https://www.youtube.com/playlist?list=PL5PR3UyfTWvdlk-Qi-dPtJmjTj-2YIMMf) 113 | 114 | 2. **Music Streaming App** 115 | - **Languages**: Swift (iOS), Kotlin (Android) 116 | - **Description**: Create a music streaming app that allows users to play songs, create playlists, and explore new music. 117 | - **Tutorial**: [Music Streaming App Tutorial for Android](https://www.youtube.com/playlist?list=PLs1w5cUPuHqPbA0TG79yCjwFr1eh2rvfZ), [Music Streaming App Tutorial for iOS](https://www.youtube.com/watch?v=g0gmAUzeKBM&pp=ygUZbXVzaWMgc3RyZWFtaW5nIGFwcCBzd2lmdA%3D%3D) 118 | 119 | --- 120 | ## Game Development 121 | 122 | ### Beginner 123 | 124 | 1. **Pong Clone** 125 | - **Languages**: Python (Pygame), C# (Unity) 126 | - **Description**: Create a simple Pong game clone. 127 | - **Tutorial**: [Pong Clone Tutorial for Pygame](https://www.youtube.com/watch?v=Qf3-aDXG8q4&pp=ygURcG9uZyBjbG9uZSBweWdhbWU%3D), [Pong Clone Tutorial for Unity](https://www.youtube.com/watch?v=X_Hrwcj7G_4&pp=ygUQcG9uZyBjbG9uZSB1bml0eQ%3D%3D) 128 | 129 | 2. **Snake Game** 130 | - **Languages**: Python (Pygame), C# (Unity) 131 | - **Description**: Create a classic snake game. 132 | - **Tutorial**: [Snake Game Tutorial for Pygame](https://www.youtube.com/watch?v=8dfePlONtls), [Snake Game Tutorial for Unity](https://www.youtube.com/watch?v=U8gUnpeaMbQ&pp=ygUQc25ha2UgZ2FtZSB1bml0eQ%3D%3D) 133 | 134 | ### Intermediate 135 | 136 | 1. **Platformer Game** 137 | - **Languages**: C# (Unity), Godot Script (Godot) 138 | - **Description**: Create a simple 2D platformer game. 139 | - **Tutorial**: [Platformer Game Tutorial for Unity](https://www.youtube.com/playlist?list=PLrnPJCHvNZuCVTz6lvhR81nnaf1a-b67U), [Platformer Game Tutorial for Godot](https://www.youtube.com/playlist?list=PL9FzW-m48fn16W1Sz5bhTd1ArQQv4f-Cm) 140 | 141 | 2. **Tower Defense Game** 142 | - **Languages**: C# (Unity), Godot Script (Godot) 143 | - **Description**: Create a Tower Defense game with multiple types of enemies and towers. 144 | - **Tutorial**: [Tower Defense Tutorial for Unity]([https://www.youtube.com/watch?v=beuoNuK2tbk](https://www.youtube.com/playlist?list=PLOoQ0JTWjALT3zszHzGqXlyB2vSYBkuzv)), [Tower Defense Tutorial for Godot](https://www.youtube.com/playlist?list=PLZ-54sd-DMAJltIzTtZ6ZhC-9hkqYXyp6) 145 | 146 | ### Advanced 147 | 148 | 1. **Multiplayer FPS Game** 149 | - **Languages**: C# (Unity), UnrealScript (Unreal Engine) 150 | - **Description**: Build a first-person shooter (FPS) with multiplayer capabilities. 151 | - **Tutorial**: [FPS Tutorial for Unity](https://www.youtube.com/watch?v=iSxifRK7TB0), [FPS Tutorial for Unreal Engine](https://www.youtube.com/watch?v=abmzWUWxy1U) 152 | 153 | 2. **RPG Game** 154 | - **Languages**: C# (Unity), UnrealScript (Unreal Engine) 155 | - **Description**: Create an RPG game with quests, multiple characters, and advanced game mechanics. 156 | - **Tutorial**: [RPG Tutorial for Unity](https://www.youtube.com/watch?v=HOGA6aSKXv8), [RPG Tutorial for Unreal Engine](https://www.youtube.com/watch?v=NZZtMNdJk5o) 157 | 158 | --- 159 | ## Data Science and Machine Learning 160 | 161 | ### Beginner 162 | 163 | 1. **Iris Flower Classification** 164 | - **Languages**: Python (scikit-learn) 165 | - **Description**: Classify iris flowers into one of three species based on their features. 166 | - **Tutorial**: [Iris Flower Classification Tutorial](https://www.youtube.com/watch?v=hd1W4CyPX58) 167 | 168 | 2. **Sentiment Analysis** 169 | - **Languages**: Python (NLTK, scikit-learn) 170 | - **Description**: Create a sentiment analysis model to classify movie reviews as either positive or negative. 171 | - **Tutorial**: [Sentiment Analysis Tutorial](https://www.youtube.com/watch?v=xvqsFTUsOmc) 172 | 173 | ### Intermediate 174 | 175 | 1. **Image Recognition with CNNs** 176 | - **Languages**: Python (TensorFlow, Keras) 177 | - **Description**: Build a Convolutional Neural Network (CNN) to recognize and classify images. 178 | - **Tutorial**: [Image Recognition Tutorial](https://www.youtube.com/watch?v=3yfRJKA1BiQ) 179 | 180 | 2. **Stock Price Prediction** 181 | - **Languages**: Python (TensorFlow, Pandas) 182 | - **Description**: Use historical stock price data to predict future prices. 183 | - **Tutorial**: [Stock Price Prediction Tutorial](https://www.youtube.com/watch?v=QIUxPv5PJOY) 184 | 185 | ### Advanced 186 | 187 | 1. **Chatbot with Sequence-to-Sequence Model** 188 | - **Languages**: Python (TensorFlow, Keras) 189 | - **Description**: Build a chatbot using sequence-to-sequence learning. 190 | - **Tutorial**: [Chatbot Tutorial](https://www.youtube.com/watch?v=RpWeNzfSUHw) 191 | 192 | 2. **Real-Time Object Detection** 193 | - **Languages**: Python (TensorFlow, OpenCV) 194 | - **Description**: Create a real-time object detection system. 195 | - **Tutorial**: [Real-Time Object Detection Tutorial](https://www.youtube.com/watch?v=IOI0o3Cxv9Q) 196 | 197 | --- 198 | ## Robotics 199 | 200 | ### Beginner 201 | 202 | 1. **Line Follower Robot** 203 | - **Languages**: C/C++ (Arduino) 204 | - **Description**: Create a robot that follows a line or path on the ground. 205 | - **Tutorial**: [Line Follower Robot Tutorial](https://www.youtube.com/watch?v=5IK4e0elJt4) 206 | 207 | 2. **Obstacle Avoiding Robot** 208 | - **Languages**: C/C++ (Arduino) 209 | - **Description**: Build a robot that can navigate around obstacles. 210 | - **Tutorial**: [Obstacle Avoiding Robot Tutorial](https://www.youtube.com/watch?v=Q_OjXmGW5y8) 211 | 212 | ### Intermediate 213 | 214 | 1. **Remote-Controlled Robot** 215 | - **Languages**: Python (Raspberry Pi), C/C++ (Arduino) 216 | - **Description**: Create a robot that can be controlled remotely using a smartphone or computer. 217 | - **Tutorial**: [Remote-Controlled Robot Tutorial](https://www.youtube.com/watch?v=7LmGYjJzzcY) 218 | 219 | 2. **Ball and Plate Balancing System** 220 | - **Languages**: C/C++ (Arduino), Python (Optional for additional features) 221 | - **Description**: Develop a system that keeps a ball balanced on a plate. 222 | - **Tutorial**: [Ball and Plate Tutorial](https://www.youtube.com/watch?v=VvAL-9Bt0rE) 223 | 224 | ### Advanced 225 | 226 | 1. **Robot Arm Manipulator** 227 | - **Languages**: Python (ROS), C/C++ (Arduino) 228 | - **Description**: Design a robot arm that can pick up and manipulate objects. 229 | - **Tutorial**: [Robot Arm Manipulator Tutorial](https://www.youtube.com/watch?v=2kagk5SGwOo) 230 | 231 | 2. **Autonomous Drone** 232 | - **Languages**: Python (ROS, OpenCV) 233 | - **Description**: Build a drone that can navigate autonomously in an environment. 234 | - **Tutorial**: [Autonomous Drone Tutorial](https://www.youtube.com/watch?v=PLQ1uLc_vd8) 235 | 236 | --- 237 | 238 | Feel free to contribute to this list by submitting a pull request! 239 | 240 | 241 | 242 | 243 | 244 | -------------------------------------------------------------------------------- /full-stack-developer/info.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Full Stack Developer Pathway 3 | --- 4 | 5 | import CollapsibleSection from '@/components/roadmap-collapse'; 6 | 7 | # Full Stack Developer Pathway 8 | 9 | 10 | Welcome to the Full Stack Developer Pathway! In this pathway, you will learn about the necessary skills, technologies, and best practices to become a competent Full Stack Developer. 11 | 12 | 13 | 14 | Learn the core technologies that will empower you to become a Full Stack Developer. 15 | 16 | ### Frontend Technologies 17 | - HTML, CSS, and JavaScript 18 | - Frameworks: React.js, Vue.js, or Angular.js 19 | 20 | ### Backend Technologies 21 | - Node.js, Ruby on Rails, or Django 22 | - Databases: SQL (PostgreSQL, MySQL) or NoSQL (MongoDB, Firebase) 23 | 24 | 25 | ... (and so on for other sections) 26 | -------------------------------------------------------------------------------- /metadata.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "slug": "full-stack-developer", 4 | "title": "Full Stack Developer", 5 | "description": "Full Stack Developer", 6 | "folderPath": "full-stack-developer", 7 | "image": "https://i.imgur.com/8Z3Z1ZP.png" 8 | }, 9 | { 10 | "slug": "front-end-developer", 11 | "title": "Front End Developer", 12 | "description": "Front End Developer", 13 | "folderPath": "front-end-developer", 14 | "image": "https://i.imgur.com/8Z3Z1ZP.png" 15 | } 16 | ] 17 | --------------------------------------------------------------------------------