Merge 18861185c4 into 9e8dd00f10

Projects/2-Intermediate/Code-Snippet-Manager.md

@@ -0,0 +1,45 @@
+# Code Snippet Manager
+
+**Tier:** 2-Intermediate
+
+A Code Snippet Manager is a practical tool designed for developers to store, organize, and quickly access commonly used code snippets. This application helps developers maintain a personal library of reusable code fragments, making it easier to reference and reuse code across different projects.
+
+## User Stories
+
+- [ ] User can create a new code snippet with a title, description, and code content
+- [ ] User can specify the programming language for syntax highlighting
+- [ ] User can create custom categories/tags to organize snippets
+- [ ] User can search through their snippets by title, description, or content
+- [ ] User can copy snippet content to clipboard with a single click
+- [ ] User can view snippets in a list or grid layout
+- [ ] User can edit existing snippets
+- [ ] User can delete snippets they no longer need
+- [ ] User can see a preview of how their snippet will look with syntax highlighting
+- [ ] User's snippets are preserved between sessions using local storage
+
+## Bonus features
+
+- [ ] User can export all snippets to a JSON file for backup
+- [ ] User can import snippets from a JSON file
+- [ ] User can share snippets via unique URLs
+- [ ] User can set snippets as public or private
+- [ ] User can see a history of their most frequently used snippets
+- [ ] User can create folders to organize snippets hierarchically
+- [ ] User can set keyboard shortcuts for frequently used snippets
+- [ ] User can see the character/line count of their snippets
+- [ ] User can toggle between light and dark themes
+- [ ] User can authenticate using GitHub to sync snippets across devices
+
+## Useful links and resources
+
+- [Local Storage MDN](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
+- [Highlight.js](https://highlightjs.org/) - For syntax highlighting
+- [Clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API)
+- [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) - For storing larger amounts of data
+- [GitHub Gist API](https://docs.github.com/en/rest/gists) - For snippet syncing feature
+
+## Example projects
+
+- [Bootsnipp - Code Snippet Manager](https://bootsnipp.com/snippets/1nm0V)
+- [Gist Box](https://app.gistboxapp.com/)
+- [Snipper](https://snipper.app/) - A commercial code snippet manager

Projects/3-Advanced/AI-Model-Playground.md

@@ -0,0 +1,50 @@
+# AI Model Playground
+
+**Tier:** 3-Advanced
+
+The AI Model Playground is an interactive platform for experimenting with and visualizing various machine learning models. This application allows users to understand, train, and experiment with different AI models through a visual interface, making complex machine learning concepts more accessible and interactive.
+
+The application focuses on providing real-time visualization of model training, parameter tuning, and predictions, helping users understand how different AI models work under various conditions.
+
+## User Stories
+
+- [ ] User can select from multiple types of pre-configured AI models (e.g., neural networks, decision trees, clustering algorithms)
+- [ ] User can upload their own dataset or choose from sample datasets
+- [ ] User can visualize data distribution and basic statistics of the uploaded dataset
+- [ ] User can configure model hyperparameters through an intuitive interface
+- [ ] User can see real-time visualization of the model training process
+- [ ] User can view model performance metrics and evaluation results
+- [ ] User can visualize model predictions on new data points
+- [ ] User can save trained models for later use
+- [ ] User can export model configurations and results
+- [ ] User can compare performance between different models on the same dataset
+
+## Bonus features
+
+- [ ] User can create custom model architectures through a drag-and-drop interface
+- [ ] User can perform automated hyperparameter optimization
+- [ ] User can visualize model interpretability metrics (feature importance, attention maps)
+- [ ] User can deploy trained models as REST APIs
+- [ ] User can collaborate with others by sharing model configurations
+- [ ] User can visualize model decision boundaries in 2D/3D space
+- [ ] User can perform ensemble learning with multiple models
+- [ ] User can export models to various formats (ONNX, TensorFlow.js, etc.)
+- [ ] User can see interactive tutorials for different ML concepts
+- [ ] User can track and version different experiments
+
+## Useful links and resources
+
+- [TensorFlow.js](https://www.tensorflow.org/js) - For implementing ML models in the browser
+- [Scikit-learn](https://scikit-learn.org/) - For implementing traditional ML algorithms
+- [D3.js](https://d3js.org/) - For creating interactive visualizations
+- [MLflow](https://mlflow.org/) - For experiment tracking and model management
+- [Plotly](https://plotly.com/) - For interactive plotting
+- [WebAssembly](https://webassembly.org/) - For running compute-intensive models
+- [OpenAI Gym](https://gym.openai.com/) - For reinforcement learning environments
+
+## Example projects
+
+- [Tensorflow Playground](https://playground.tensorflow.org/)
+- [Google's What-If Tool](https://pair-code.github.io/what-if-tool/)
+- [Machine Learning Playground](https://ml-playground.com/)
+- [GAN Lab](https://poloclub.github.io/ganlab/)

README.md

@@ -87,6 +87,7 @@ required to complete them.
 | [Calculator CLI](./Projects/2-Intermediate/Calculator-CLI.md)                     | Create a basic calculator cli.                     | 2-Intermediate |
 | [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md)                 | Memorize and match hidden images                   | 2-Intermediate |
 | [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md)             | Find a Global Charity to donate to                 | 2-Intermediate |
+| [Code Snippet Manager](./Projects/2-Intermediate/Code-Snippet-Manager.md) 🌟      | Store and organize your code snippets              | 2-Intermediate |
 | [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md)     | Build your own chrome theme extention.             | 2-Intermediate |
 | [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md)             | Convert one currency to another.                   | 2-Intermediate |
 | [Drawing App](./Projects/2-Intermediate/Drawing-App.md)                           | Create digital artwork on the web                  | 2-Intermediate |
@@ -120,6 +121,7 @@ required to complete them.
 
 | Name                                                                          | Short Description                                                   | Tier       |
 | ----------------------------------------------------------------------------- | ------------------------------------------------------------------- | ---------- |
+| [AI Model Playground](./Projects/3-Advanced/AI-Model-Playground.md) 🌟        | Interactive platform for experimenting with ML models               | 3-Advanced |
 | [Battleship Bot](./Projects/3-Advanced/Battleship-Bot.md)                     | Create a Discord bot that plays Battleship                          | 3-Advanced |
 | [Battleship Game Engine](./Projects/3-Advanced/Battleship-Game-Engine.md)     | Create a callable engine to play the Battleship game                | 3-Advanced |
 | [Boole Bots Game](./Projects/3-Advanced/Boole-Bot-Game.md)                    | Battling Bots driven by Boolean algebra                             | 3-Advanced |