#100DaysOfCode Day 89/100 Second website for today. After I completed my first round interview, I was told to prepare for JavaScript core fundamentals and React challenges next week, and to heavily consider reviewing Data Structures and Algorithms on HackerRank. Since I'm not a fan of coding challenges and their platforms (looking at you Codility), I decided to have fun and create my own code-learning platform, which is an extremely rough prototype that you can play around with below: https://lnkd.in/eB6qdYuA There's no user login. It's only local storage. It's not made for mobile (at least not at the moment - I was prioritizing other things). I left it out of production for now, but on local I have a draggable and collapsible right panel called "AI Tutor," which uses Ollama to provide hints, clarifications, answers and solutions to each challenge problem. This was a fun project, because with another day or two I can probably whip up the equivalent of what you'd get for "30 days of JavaScript" on a site like Leet Code or HackerRank. Again, it was only a 2-hour project, but I'm satisfied that I could prompt engineer a coding platform so quickly with an LLM installed. Future To Dos: - Swap out for an OpenAI/alternative option for users to plug in their own API Key and pay for their own prompts only - Create a user login - Store progress in a database (might try out Neon next to not max out my Supabase) - Fix squiggly errors, since it's a process getting things like React or clearTimeout to be interpreted correctly. Right now, I've only tested out the JavaScript questions and some quizzes. Don't expect React to work - Clean up the UI a bit to make words more readable and move some things around (mainly cleaning up the AI Tutor and learning about the workflow that goes into monitoring and evaluating its responses in order to gain more succinct and valuable answers) - More... Check it out, and let me know what you think! Love your feedback.
More Relevant Posts
-
"If you already know Node.js, npm, TypeScript, and async/await, you don’t need to switch to Python to build AI apps." -- Microsoft's free "LangChain.js for Beginners: A Free Course to Build Agentic AI Apps with JavaScript" course: https://lnkd.in/eRGFzKSV
To view or add a comment, sign in
-
🚀 50 Weeks, 50 Projects – Week 6 Complete To push my development skills beyond tutorials, I'm continuing my 50 Weeks, 50 Projects challenge, where I build and ship one project every week. 🛠 Week 6 – API Lens: AI-Powered JSON Explorer Ever stared at a raw API response and had no idea what half the fields meant? That's exactly why I built this. Tech Stack: HTML · CSS · Vanilla JS · OpenRouter API (Mistral-7B, free tier) Design Style: Warm, human-first UI — cream tones, serif typography (Fraunces), and a layout that feels more like a notebook than a dev tool. Built specifically to be approachable for beginners. Functionality: 📋 Paste raw JSON or fetch any public API URL directly 🤖 AI explains every field in plain English — no docs needed 🌳 Interactive collapsible field tree with color-coded types ⏱ Unix timestamps decoded to human-readable dates automatically 🛡 Auto-detects response type: JWT, paginated list, error, REST 📋 One-click copy for JS, Python & cURL code snippets ⚡ 3-layer CORS proxy fallback — works with almost any public API Suggestions: I'd love feedback from the community! What other API patterns should I detect? Any features that would make this more useful in your daily workflow? Live URL : https://lnkd.in/dBcejh34 #50WeeksChallenge #BuildInPublic #WebDev #JavaScript #API #OpenSource #100DaysOfCode
To view or add a comment, sign in
-
-
🚀 #Day30 of My Learning Journey 💻 Today was focused on learning something new, problem-solving, revision, and hands-on React practice. 🔹 Django Started my Django journey by understanding the basics, project structure, and how Django handles requests and responses. 🔹 LeetCode – Valid Anagram Solved the Valid Anagram problem using two approaches: Normal Approach: Sort both strings and compare them. Time Complexity: O(n log n) Space Complexity: O(n) Optimal Approach: Use a hash map (frequency counter) to count characters. Compare counts for both strings. Time Complexity: O(n) Space Complexity: O(1) (since the alphabet size is constant) 🔹 JavaScript Revision Revised important JavaScript concepts to strengthen fundamentals and improve coding confidence. 🔹 React Application – User Profile Loader Built a React application that dynamically loads and displays user profile data, focusing on state management and component-based UI updates. 💡 Takeaway Learning new frameworks, revising fundamentals, and solving problems consistently is the best way to grow as a developer 🌱 Masai #Django #Python #LeetCode #DSA #JavaScript #masai #ReactJS #dailylearning #100DaysOfCode #FullStackJourney #Masaiverse #Masai
To view or add a comment, sign in
-
🚀 Today’s Learning Update (JavaScript Fundamentals) Time: 3:00 PM – 4:00 PM Topic: Variables, Data Types, Operators, Conditional Statements, Ternary Operator, Unary Operator, Loops, Functions 🧠 What I focused on today I studied and revised the core JavaScript fundamentals with a clear approach: 👉 What is it? 👉 Why is it used? 👉 How does it work? 🟢 Variables What: Stores data in memory Why: To reuse and manage data How: Assigns a name to a value stored in memory 🟡 Data Types What: Types of data (String, Number, Boolean, etc.) Why: To define correct form of data How: JS identifies or assigns type automatically 🟠 Operators What: Symbols like +, -, == used for operations Why: For calculations and comparisons How: Takes values → performs operation → returns result 🔵 Conditional Statements What: Decision-making in code (if-else) Why: To control program flow How: Condition checked → true/false → block executes 🟣 Ternary Operator What: Short form of if-else Why: Write clean and short code How: condition ? value1 : value2 🟣 Unary Operator What: Works on single value (++, --, typeof) Why: For increment, decrement, and type checking How: Directly modifies or evaluates a single value 🟤 Loops What: Repeats code multiple times Why: To avoid repetition and automate tasks How: Runs until condition becomes false 🟢 Functions What: Reusable block of code Why: To avoid repetition and make code clean How: Define once → use multiple times 💡 Key Learning These are not just topics — they are the foundation of JavaScript. 👉 Without understanding these: You cannot solve coding problems You cannot learn DSA You cannot build real projects This is the base of programming, and I am focusing on building it strong before moving to advanced DSA and development. #JavaScript #WebDevelopment #FrontendDevelopment #LearningJourney #Consistency #ProgrammingBasics #DeveloperMindset
To view or add a comment, sign in
-
Really impressive to see how Strands SDK is evolving. Python adoption has been massive & now TypeScript developers get the same power. For financial services teams, this kind of harness matters with consistent execution, guardrails & ability to run agents across environments!
When we open-sourced Strands Agents SDK last year, we wanted to bring builders an easier way to build and run AI agents with just a few lines of code. Since then, the Strands Python SDK has been downloaded more than 25 million times, with more developers building with it every day. 🚀 Now, TypeScript developers can enjoy the same experience, with full type safety, custom tools, and the ability to run agents in both Node.js and the browser. Strands is an agent harness SDK that goes beyond the core agent loop. It gives developers the default tools and control layers they need to build agents that can execute code, work with files, manage their own context, and stay on task as they scale. TypeScript 1.0 ships these harness capabilities built into the SDK. Default tools for shell execution, file editing, HTTP access, and structured notes, alongside customizable hooks and plugins that give developers control at every point in the agent lifecycle. All you need is a few lines of code to get started. We're building this in the open and contributions are welcome. Whether it's a bug fix, a new feature, or a cool example, we'd love to see what you build. Join us on GitHub and let us know what you think. https://lnkd.in/g5w9XHAq
To view or add a comment, sign in
-
-
When we open-sourced Strands Agents SDK last year, we wanted to bring builders an easier way to build and run AI agents with just a few lines of code. Since then, the Strands Python SDK has been downloaded more than 25 million times, with more developers building with it every day. 🚀 Now, TypeScript developers can enjoy the same experience, with full type safety, custom tools, and the ability to run agents in both Node.js and the browser. Strands is an agent harness SDK that goes beyond the core agent loop. It gives developers the default tools and control layers they need to build agents that can execute code, work with files, manage their own context, and stay on task as they scale. TypeScript 1.0 ships these harness capabilities built into the SDK. Default tools for shell execution, file editing, HTTP access, and structured notes, alongside customizable hooks and plugins that give developers control at every point in the agent lifecycle. All you need is a few lines of code to get started. We're building this in the open and contributions are welcome. Whether it's a bug fix, a new feature, or a cool example, we'd love to see what you build. Join us on GitHub and let us know what you think. https://lnkd.in/g5w9XHAq
To view or add a comment, sign in
-
-
🚀 A Major Update is Coming to CodeAlive (Live in 3–4 Days!) I honestly started CodeAlive as a small platform with a simple goal in mind — to let my code snippets live over the internet with support for custom sharable links. But seeing how far it has come now, evolving into a platform with so many useful and smart features for everyone, has been incredibly exciting. 🌐 CodeAlive – https://lnkd.in/gnthhf_b 👉 Also, you can click "View My Website" on my profile to visit the platform. What’s Coming Next ⏭️ CodeAlive is soon introducing: **Multi-Language Detection & Highlighting in a Single Code File** Problem: Almost every code-sharing platforms and online editors are built around one assumption: 1 File = 1 Language But real-world development is rarely that simple. Developers often share: ✅ Frontend + Backend snippets together ✅ Embedded scripts/styles ✅ Configurations with code ✅ Multi-language examples in one paste And when platforms force a single language highlight, readability suffers. With This New Update, CodeAlive Will Support ✅ Detecting multiple languages within one pasted code file ✅ Highlighting different sections based on actual context/language ✅ Making mixed-language snippets cleaner, smarter, and easier to read This has been one of the most exciting features to work on so far, and I can’t wait to share the full implementation details once it officially goes live. 📅 Expected Release: 3–4 Days Stay tuned 👀 More technical insights coming soon... #CodeAlive #BuildInPublic #Programming #SoftwareDevelopment #DeveloperTools #WebDevelopment #Python #JavaScript #StartupJourney
To view or add a comment, sign in
-
-
Strengthening Fundamentals: Implementing Selection Sort in JavaScript (Descending Order) Today, I focused on strengthening my understanding of fundamental algorithms by implementing Selection Sort in JavaScript to arrange an array in descending order. Working through the logic step by step provided valuable insight into how sorting algorithms operate internally—particularly the process of identifying elements and performing swaps efficiently without relying on built-in functions. Revisiting these core concepts is a great reminder that a strong foundation in data structures and algorithms is essential for writing optimized and scalable code. You can check out my implementation on my GitHub Looking forward to continuing this learning journey and exploring more advanced problem-solving techniques. #JavaScript #Algorithms #DataStructures #Development #ContinuousLearning #GitHub 😊
To view or add a comment, sign in
-
Hey network! You might remember it (or not), but last weekend I posted about my personal projects and how I've made peace with generative AI; to the point that I've put my greatest efforts into automating my routines and making my agents my co-pilots (and even my full pit crew). Among the comments I received, some asked about the strategies I followed or my personal setup in general; while I could have shared this directly, I decided to take it a step or two further; "One command to scaffold them all, one command to brief them, one command to wire the agents and in the darkness free them." 🧙♂️ This is primer! It does in a few minutes what used to take me a full day of setup; everything AI agents need to actually be useful: the rules they read, the domain knowledge they reference, the git discipline they follow, and a tailored brief that tells them exactly where to start building. Althought it is still a WIP, this first version works fine with JS/TS stacks, but the idea is to provide a library big enough to work with the most popular architectures, always prioritizing industry (and personal) standards. For v2.0.0 I hope I can integrate the really big difference: - `primer plan`: describe a timeline and available hours, and primer generates a phased build plan with tasks ready to push to GitHub Projects. - Vue & Svelte skill packages: expanding the skill library beyond the current React/Node.js focus. What other ideas would you suggest? npm (@monomit/primer) - https://lnkd.in/eJrpwDbr primer monorepo - https://lnkd.in/eUKKJHxY #AI #DevTools #OpenSource #DeveloperExperience #Cursor
To view or add a comment, sign in
-
Genie - The AI Dev Tool for Existing Projects 🚀 I'm incredibly proud to share what I've been building: Genie — a "Lovable for existing projects." Current AI dev tools are amazing, but they focus on building from scratch (Lovable, v0) or autocompleting in your IDE (Cursor). Genie connects to your existing repo, understands the full context, and proposes production-ready changes. Describe what you want, review the diff, approve, and deploy. 🧠 The Hardest Challenge: The AI Engine Building this meant orchestrating complex agentic loops with massive context windows, dynamic streaming UI states, and real-time SSE so the AI can explore the codebase before streaming a solution. ✨ Key Features: 🛡️ Zero-Destruction Pipeline: AI proposes drafts via inline diffs. Code is never altered without explicit approval. ⚡ Real-Time Previews: Instant ephemeral containers supporting Next.js, Node, Django, PHP, etc. ⏪ Version History: Full timeline with 1-click file rollback. 🔌 Connect Any Repo: GitHub, GitLab, or ZIP. 🚀 1-Click Deploy: Push to Vercel, Railway, or create auto-PRs. 🛠️ Built End-to-End: • Frontend: Next.js 16, React 19, TS 5, Tailwind 4. • Backend: Django REST, PostgreSQL, Redis. • Infra & Integrations: Docker, Vercel, Railway, Fly, Supabase, Anthropic, Stripe, Cloudflare R2, Brevo, Resend. There's a Free plan with daily credits. Try it on and let me know what you think! 👉 Try it here: https://geniedev.app #buildinpublic #ai #nextjs #django #typescript #saas #softwareengineering
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development
🚀 𝙒𝙚 𝘼𝙧𝙚 𝙃𝙞𝙧𝙞𝙣𝙜! 𝙎𝙪𝙢𝙢𝙚𝙧 𝙊𝙣𝙡𝙞𝙣𝙚 𝙄𝙣𝙩𝙚𝙧𝙣𝙨𝙝𝙞𝙥𝙨 𝙖𝙩 𝘾𝙤𝙙𝙩𝙚𝙘𝙝 🌐 𝙆𝙞𝙘𝙠𝙨𝙩𝙖𝙧𝙩 𝙮𝙤𝙪𝙧 𝙩𝙚𝙘𝙝 𝙘𝙖𝙧𝙚𝙚𝙧 𝙬𝙞𝙩𝙝 𝙞𝙣𝙩𝙚𝙧𝙣𝙨𝙝𝙞𝙥 𝙤𝙥𝙥𝙤𝙧𝙩𝙪𝙣𝙞𝙩𝙞𝙚𝙨 𝙖𝙘𝙧𝙤𝙨𝙨 𝙢𝙪𝙡𝙩𝙞𝙥𝙡𝙚 𝙙𝙤𝙢𝙖𝙞𝙣𝙨! 👉 𝘼𝙥𝙥𝙡𝙮 𝙉𝙤𝙬: https://codtechitsolutions.in/internship 𝘿𝙤𝙣’𝙩 𝙢𝙞𝙨𝙨 𝙩𝙝𝙞𝙨 𝙘𝙝𝙖𝙣𝙘𝙚 𝙩𝙤 𝙪𝙥𝙨𝙠𝙞𝙡𝙡 𝙖𝙣𝙙 𝙜𝙧𝙤𝙬 𝙬𝙞𝙩𝙝 𝙪𝙨! 🌟