Last active
October 15, 2023 04:26
-
-
Save MiDo-kun/059bc3830efd9b81d8359ac9924f6583 to your computer and use it in GitHub Desktop.
Personal Portfolio.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "date": "September 2022 - Present", | |
| "title": "Full-Stack Web Development with MERN Stack", | |
| "description": [ | |
| "❃ Built projects such as <a href='https://github.com/MiDo-kun/Dev-Blogs-Frontend' target='_blank'>blog app</a>, <a href='https://github.com/MiDo-kun/Ecommerce-App' target='_blank'>e-commerce app</a>, <a href='https://github.com/MiDo-kun/Auth0-React' target='_blank'>auth0 react</a>, <a href='https://github.com/MiDo-kun/Local-Library' target='_blank'>local library</a> and this <a href='https://github.com/MiDo-kun/Web-Portfolio' target='_blank'>personal porfolio</a> website.", | |
| "❃ Expands my knowledge in configuring routes, securing API requests, handling user authentication, and creating reusable components.", | |
| "❃ Designed database schemas using ORM(Prisma) and ODM(Mongoose)." | |
| ] | |
| }, | |
| { | |
| "date": "April 2022 - August 2022", | |
| "title": "Building Dynamic Web Applications with Node.js and APIs", | |
| "description": [ | |
| "❃ Used express.js framework to build server-side applications and implement RESTful APIs.", | |
| "❃ Fetch data from various sources using promises such as async/await and fetch API.", | |
| "❃ Built projects such as <a href='https://github.com/MiDo-kun/Weather-App' target='_blank'>weather app</a>, <a href='https://github.com/MiDo-kun/Music-Player-Electron' target='_blank'>music player</a>, and <a href='https://github.com/MiDo-kun/Messenger-Bot' target='_blank'>messenger bot</a> that perform a variety of tasks using external APIs." | |
| ] | |
| }, | |
| { | |
| "date": "December 2021 - March 2022", | |
| "title": "Developing Full-Stack Web Applications with WAMP Stack", | |
| "description": [ | |
| "❃ Used PHP in server side applications and performed AJAX-based HTTP requests to the server.", | |
| "❃ Designed database tables and execute efficient SQL queries.", | |
| "❃ Built projects such as <a href='https://github.com/MiDo-kun/Student-Management-System' target='_blank'>student management system</a>, <a href='https://github.com/MiDo-kun/PHP_Forum' target='_blank'>forum app</a>, <a href='https://github.com/MiDo-kun/Chat-App' target='_blank'>chat app</a>, <a href='https://github.com/MiDo-kun/Chat-Bot' target='_blank'>chat bot</a>, and <a href='https://github.com/MiDo-kun/File-Upload-Validator' target='_blank'>file upload</a> validator." | |
| ] | |
| }, | |
| { | |
| "date": "August 2021 - November 2021", | |
| "title": "Learning Front-End Web Development with HTML, CSS, and JavaScript", | |
| "description": [ | |
| "❃ Developed skills in building responsive websites using HTML and CSS, as well as DOM manipulation to create interactive web applications.", | |
| "❃ My projects during this time includes a <a href='https://github.com/MiDo-kun/Just-Because-Wiki' target='_blank'>home page</a>, <a href='https://github.com/MiDo-kun/Basic-Calculator' target='_blank'>calculator</a>, <a href='https://github.com/MiDo-kun/Todo-List' target='_blank'>todo list</a>, <a href='https://github.com/MiDo-kun/Guess-That-Compound' target='_blank'>guess-that-compound</a> and <a href='https://github.com/MiDo-kun/Dijkstras-Algorithm-Simulation' target='_blank'>dijkstra's algorithm simulation</a>." | |
| ] | |
| } | |
| ] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "name": "Mugi Bot", | |
| "description": "A messenger bot that you can add into your group chat and use a variety of <span id=\"integrated\">integrated</span> API's such as ChatGPT, play videos and music using Youtube API, get weather reports using Open Weather API and much more!", | |
| "images": [ | |
| { | |
| "original": "https://lh3.googleusercontent.com/pw/AJFCJaXEoK4ky8x2y7bBmsO0i5Ctqv901FmMqQH7HJSpKXfaLDwb_p61LWy7ubVBCD2-mZ0dj1MR5NVtWlo4X9I3_byszD_0wGCkYA4auk_rvP75ho18jpMOpkkSLbyP70KZ2F7mP3sRm6CCdmC-TFowsaDg=w541-h300-s-no?authuser=0", | |
| "thumbnail": "https://lh3.googleusercontent.com/pw/AJFCJaXEoK4ky8x2y7bBmsO0i5Ctqv901FmMqQH7HJSpKXfaLDwb_p61LWy7ubVBCD2-mZ0dj1MR5NVtWlo4X9I3_byszD_0wGCkYA4auk_rvP75ho18jpMOpkkSLbyP70KZ2F7mP3sRm6CCdmC-TFowsaDg=w541-h300-s-no?authuser=0" | |
| }, | |
| { | |
| "original": "https://picsum.photos/id/1019/1000/600/", | |
| "thumbnail": "https://picsum.photos/id/1018/250/150/" | |
| }, | |
| { | |
| "original": "https://picsum.photos/id/1019/1000/600/", | |
| "thumbnail": "https://picsum.photos/id/1018/250/150/" | |
| } | |
| ], | |
| "languages": ["Express.js", "Node.js", "REST API", "Microservice"], | |
| "project_link": "https://picsum.photos/id/1019/250/150/", | |
| "repo_link": "https://picsum.photos/id/1019/250/150/" | |
| }, | |
| { | |
| "name": "Music Player - Electron", | |
| "description": "A desktop application built using the Electron framework and Innertube.js library. The application is designed to provide a minimalistic user interface that allows users to play and keep track of their favorite songs from both local and YouTube sources.", | |
| "images": [ | |
| { | |
| "original": "https://lh3.googleusercontent.com/pw/AJFCJaU0SF6PM2Zw-QNPgHeGaDgBRO54ezpgoe3LMOGsWCm751O1nQXxeeLFakGVd1GQBcZ3TaNYg-gkdNUGLChkOreoasfv8OAD9-ubVBBPqDIy6AB_CDlOlPedmgN0Q9AqM1BYnyqnBqGrV3NB6CQtPsnZ=w544-h327-s-no?authuser=0", | |
| "thumbnail": "https://lh3.googleusercontent.com/pw/AJFCJaU0SF6PM2Zw-QNPgHeGaDgBRO54ezpgoe3LMOGsWCm751O1nQXxeeLFakGVd1GQBcZ3TaNYg-gkdNUGLChkOreoasfv8OAD9-ubVBBPqDIy6AB_CDlOlPedmgN0Q9AqM1BYnyqnBqGrV3NB6CQtPsnZ=w544-h327-s-no?authuser=0" | |
| }, | |
| { | |
| "original": "https://lh3.googleusercontent.com/pw/AJFCJaV99xuLILvvTKtOrC0aL5BcYPwjhq1-Ya1gWHgVj7PE6mrTVHOQ2w3zXaXCttjea5BEcdLD9-HH-6Rn73eqTJ-2ILmI90b1VTiiLrSaMN2q01WFWYcTjZmEs6ROUNEReVh8ZkpDzwPQ4u8DDenBejGF=w543-h327-s-no?authuser=0", | |
| "thumbnail": "https://lh3.googleusercontent.com/pw/AJFCJaV99xuLILvvTKtOrC0aL5BcYPwjhq1-Ya1gWHgVj7PE6mrTVHOQ2w3zXaXCttjea5BEcdLD9-HH-6Rn73eqTJ-2ILmI90b1VTiiLrSaMN2q01WFWYcTjZmEs6ROUNEReVh8ZkpDzwPQ4u8DDenBejGF=w543-h327-s-no?authuser=0" | |
| }, | |
| { | |
| "original": "https://lh3.googleusercontent.com/pw/AJFCJaVRoqjESfz6Sem3mmXo6vGvw2fMqeRtKLoJPHAoc19eHPJ0wmPhBnq1sxxcx0Dca7HXUhBqtV6Du5UN2I0QrxIwkqnSQmVRTH3KxbKlRJy_qScKivB2C-3sYFMhrBba_caBCpEPxLZkHpEIZIEb2OzE=w543-h326-s-no?authuser=0", | |
| "thumbnail": "https://lh3.googleusercontent.com/pw/AJFCJaVRoqjESfz6Sem3mmXo6vGvw2fMqeRtKLoJPHAoc19eHPJ0wmPhBnq1sxxcx0Dca7HXUhBqtV6Du5UN2I0QrxIwkqnSQmVRTH3KxbKlRJy_qScKivB2C-3sYFMhrBba_caBCpEPxLZkHpEIZIEb2OzE=w543-h326-s-no?authuser=0" | |
| }, | |
| { | |
| "original": "https://lh3.googleusercontent.com/pw/AJFCJaVBGrMufFldUtQ0Js22bcHFiGQtFv1oKaNVfRha22PhbeVKrfhOBWxwByZhAoN8NooUydKBW9kOQzUUj_JKkHTjs3E9pgC9JcpvIOYVbaGjR8V0zzV9J8-DFS2ryPNNoM1NtsVgHcrq-SLlSEwUA3-6=w548-h327-s-no?authuser=0", | |
| "thumbnail": "https://lh3.googleusercontent.com/pw/AJFCJaVBGrMufFldUtQ0Js22bcHFiGQtFv1oKaNVfRha22PhbeVKrfhOBWxwByZhAoN8NooUydKBW9kOQzUUj_JKkHTjs3E9pgC9JcpvIOYVbaGjR8V0zzV9J8-DFS2ryPNNoM1NtsVgHcrq-SLlSEwUA3-6=w548-h327-s-no?authuser=0" | |
| } | |
| ], | |
| "languages": ["HTML", "CSS", "DOM Manipulation", "p5.js", "DSA"], | |
| "project_link": "https://picsum.photos/id/1019/250/150/", | |
| "repo_link": "https://picsum.photos/id/1019/250/150/" | |
| }, | |
| { | |
| "name": "Dev Blogs", | |
| "description": "A web blog application to document my learning journey and share knowledge with readers through informative and engaging blog posts. I built this application using MERN stack with the frontend hosted on Vercel and the backend on Render.", | |
| "images": [ | |
| { | |
| "original": "https://picsum.photos/id/1019/1000/600/", | |
| "thumbnail": "https://picsum.photos/id/1018/250/150/" | |
| }, | |
| { | |
| "original": "https://picsum.photos/id/1019/1000/600/", | |
| "thumbnail": "https://picsum.photos/id/1018/250/150/" | |
| }, | |
| { | |
| "original": "https://picsum.photos/id/1019/1000/600/", | |
| "thumbnail": "https://picsum.photos/id/1018/250/150/" | |
| } | |
| ], | |
| "languages": ["React", "Express.js", "Node.js", "MongoDB"], | |
| "project_link": "https://picsum.photos/id/1019/250/150/", | |
| "repo_link": "https://picsum.photos/id/1019/250/150/" | |
| } | |
| ] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "name": "Client Side", | |
| "icon": "<svg className=\"-ml-1 mr-1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"/></svg>", | |
| "languages": ["HTML", "CSS", "JavaScript", "React-JS/TS", "React Query", "Redux", "Tailwind", "Bootstrap", "JQuery", "Figma"], | |
| "description": "To design and develop visually appealing web applications with interactive features for seamless user experience." | |
| }, | |
| { | |
| "name": "Server Side", | |
| "icon": "<svg className=\"-ml-1 mr-1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"23\" viewBox=\"0 0 36 36\"><path fill=\"currentColor\" d=\"M6 9h2v2H6z\" class=\"clr-i-outline clr-i-outline-path-1\"/><path fill=\"currentColor\" d=\"M10 9h14v2H10z\" class=\"clr-i-outline clr-i-outline-path-2\"/><path fill=\"currentColor\" d=\"M6 17h2v2H6z\" class=\"clr-i-outline clr-i-outline-path-3\"/><path fill=\"currentColor\" d=\"M10 17h14v2H10z\" class=\"clr-i-outline clr-i-outline-path-4\"/><path fill=\"currentColor\" d=\"M32 5H4a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM4 7h28v6H4Zm0 8h28v6H4Zm0 14v-6h28v6Z\" class=\"clr-i-outline clr-i-outline-path-5\"/><path fill=\"currentColor\" d=\"M6 25h2v2H6z\" class=\"clr-i-outline clr-i-outline-path-6\"/><path fill=\"currentColor\" d=\"M10 25h14v2H10z\" class=\"clr-i-outline clr-i-outline-path-7\"/><path fill=\"none\" d=\"M0 0h36v36H0z\"/></svg>", | |
| "languages": ["Node-JS/TS", "Express", "PHP", "Socket.io", "Jest", "Mongoose", "Prisma", "Passport"], | |
| "description": "Responsible for processing data, user authentication, and interacting with databases to store and retrieve information." | |
| }, | |
| { | |
| "name": "Database", | |
| "icon": "<svg className=\"-ml-1 mr-1\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M12 11q-3.75 0-6.375-1.175T3 7q0-1.65 2.625-2.825Q8.25 3 12 3t6.375 1.175Q21 5.35 21 7q0 1.65-2.625 2.825Q15.75 11 12 11Zm0 5q-3.75 0-6.375-1.175T3 12V9.5q0 1.1 1.025 1.863q1.025.762 2.45 1.237q1.425.475 2.963.687q1.537.213 2.562.213t2.562-.213q1.538-.212 2.963-.687q1.425-.475 2.45-1.237Q21 10.6 21 9.5V12q0 1.65-2.625 2.825Q15.75 16 12 16Zm0 5q-3.75 0-6.375-1.175T3 17v-2.5q0 1.1 1.025 1.863q1.025.762 2.45 1.237q1.425.475 2.963.688q1.537.212 2.562.212t2.562-.212q1.538-.213 2.963-.688t2.45-1.237Q21 15.6 21 14.5V17q0 1.65-2.625 2.825Q15.75 21 12 21Z\"/></svg>", | |
| "languages": ["MongoDB", "MySQL", "Microsoft SQL", "SQLite", "Redis", "DynamoDB", "JSON-DB", "Firestore"], | |
| "description": "Design and implement database structures that are optimized for efficient data management and retrieval." | |
| }, | |
| { | |
| "name": "API Architecture", | |
| "icon": "<svg style=\"margin-right: 0.45rem;\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5c0-2.64-2.05-4.78-4.65-4.96zM10 17l-3.5-3.5l1.41-1.41L10 14.17L15.18 9l1.41 1.41L10 17z\"/></svg>", | |
| "languages": ["REST", "Webhook", "GraphQL", "WebSocket"], | |
| "description": "Architecting, deploying, and maintaining robust web applications, ensuring their accessibility and scalability." | |
| }, | |
| { | |
| "name": "DevOps Workflow", | |
| "icon": "<svg style=\"margin-right: 0.4rem;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 50 50\"><path fill=\"currentColor\" d=\"M47.16,21.221l-5.91-0.966c-0.346-1.186-0.819-2.326-1.411-3.405l3.45-4.917c0.279-0.397,0.231-0.938-0.112-1.282 l-3.889-3.887c-0.347-0.346-0.893-0.391-1.291-0.104l-4.843,3.481c-1.089-0.602-2.239-1.08-3.432-1.427l-1.031-5.886 C28.607,2.35,28.192,2,27.706,2h-5.5c-0.49,0-0.908,0.355-0.987,0.839l-0.956,5.854c-1.2,0.345-2.352,0.818-3.437,1.412l-4.83-3.45 c-0.399-0.285-0.942-0.239-1.289,0.106L6.82,10.648c-0.343,0.343-0.391,0.883-0.112,1.28l3.399,4.863 c-0.605,1.095-1.087,2.254-1.438,3.46l-5.831,0.971c-0.482,0.08-0.836,0.498-0.836,0.986v5.5c0,0.485,0.348,0.9,0.825,0.985 l5.831,1.034c0.349,1.203,0.831,2.362,1.438,3.46l-3.441,4.813c-0.284,0.397-0.239,0.942,0.106,1.289l3.888,3.891 c0.343,0.343,0.884,0.391,1.281,0.112l4.87-3.411c1.093,0.601,2.248,1.078,3.445,1.424l0.976,5.861C21.3,47.647,21.717,48,22.206,48 h5.5c0.485,0,0.9-0.348,0.984-0.825l1.045-5.89c1.199-0.353,2.348-0.833,3.43-1.435l4.905,3.441 c0.398,0.281,0.938,0.232,1.282-0.111l3.888-3.891c0.346-0.347,0.391-0.894,0.104-1.292l-3.498-4.857 c0.593-1.08,1.064-2.222,1.407-3.408l5.918-1.039c0.479-0.084,0.827-0.5,0.827-0.985v-5.5C47.999,21.718,47.644,21.3,47.16,21.221z M25,32c-3.866,0-7-3.134-7-7c0-3.866,3.134-7,7-7s7,3.134,7,7C32,28.866,28.866,32,25,32z\"></path></svg>", | |
| "languages": ["Git and Github", "Unit Testing", "Docker", "GH Actions", "Vim", "Bash", "Linux", "Nano"], | |
| "description": "Efficiently managing codebases and facilitating seamless collaboration for streamlined development." | |
| }, | |
| { | |
| "name": "Principle & Paradigm", | |
| "icon": "<svg style=\"margin-right: 0.4rem;\" xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 36 36\"><path fill=\"currentColor\" d=\"M16.4 15.4h3.2v5.2h-3.2z\" class=\"clr-i-solid clr-i-solid-path-1\"/><path fill=\"currentColor\" d=\"M21 21a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2H2v9a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-9H21Z\" class=\"clr-i-solid clr-i-solid-path-2\"/><path fill=\"currentColor\" d=\"m33.71 12.38l-4.09-4.09a1 1 0 0 0-.7-.29h-5V6.05A2 2 0 0 0 22 4h-8.16A1.92 1.92 0 0 0 12 6.05V8H7.08a1 1 0 0 0-.71.29l-4.08 4.09a1 1 0 0 0-.29.71V17h13v-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h13v-3.92a1 1 0 0 0-.29-.7ZM22 8h-8V6h8Z\" class=\"clr-i-solid clr-i-solid-path-3\"/><path fill=\"none\" d=\"M0 0h36v36H0Z\" class=\"clr-i-solid clr-i-solid-path-4\"/></svg>", | |
| "languages": ["OOP", "MVC", "SOLID", "Clean Code"], | |
| "description": "Adhering to best practices for effective codebase management, documentation, and collaborative development." | |
| } | |
| ] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment