- Blog
- CV generator
- Community
- Documentation
Moeen Uddin Mahmud
Dhaka, Bangladesh
I am a Front End developer specialize in HTML, CSS and JavaScript and also have experience working with React. Love to work with any new thoughts or ideas. Besides, I like to read books and make music.
CodersRank Score
What is this?
This represents your current experience. It calculates by analyzing your connected repositories. By measuring your skills by your code, we are creating the ranking, so you can know how good are you comparing to another developers and what you have to improve to be better
Information on how to increase score and ranking details you can find in this blog post.
433.7
CodersRank Rank
Top 2%
Highest experience points: 0 points,
0 activities in the last year
CSS
102.8
exp.
HTML
81.6
exp.
SCSS
12.4
exp.
JavaScript
144.8
exp.
TypeScript
6.1
exp.
List your work history, including any contracts or internships
Techdome Solutions Private Ltd
May 2022 - Oct 2022 (5 months)
Frontend Developer
Startwithgenesis
Dec 2021 - May 2022 (5 months)
React Developer
• Developed Minto, an NFT marketplace. Created the wallet connections using Web3.js and Metamask.
• Built ThriftyWallet, a cryptocurrency-based wallet system made a fully working PWA with user authentications.
• Enhanced the Admin Panel for their taxi booking app. Redesigning the whole UI and handling APIs.
• Built ThriftyWallet, a cryptocurrency-based wallet system made a fully working PWA with user authentications.
• Enhanced the Admin Panel for their taxi booking app. Redesigning the whole UI and handling APIs.
Add some compelling projects here to demonstrate your experience
NanoDe
Aug 2022 - Present
Tiny and Minimal Code Editor supports multiple languages
The Challenges
The challenge was to develop a minimal code editor with multiple language supports. This editor should have
• A simple UI
• Some basic customization options like font face, font size, theme vice-versa.
• A user can search from the language selectors. The language list might be huge so, it better to implement search functionality.
• It should have an intuiting code editor interface with minimum support for highlighting, auto-completion, and code snippets.
• There should be a STDIN and STDOUT section to show the input and output of the code.
Built With
• Frontend: React, Material UI, Monaco Editor
• API: Judge0
• Build Tools: Vite
• Deployment: Vercel
• Architecture: Atomic Design
What I learned
• How to work with Monaco editor specifically with React.
• How to use Monaco Editor API to customize the editor.
• How to use Judge0 API to compile and run the code.
• How to use Webhooks to get the callback results from the API.
Useful resources
References
• Monaco Editor - This is the official documentation of the Monaco Editor. It has a lot of examples and API documentation. (https://microsoft.github.io/monaco-editor/)
• Judge0 - This is the official documentation of Judge0 API. It has a lot of examples and API documentation. (https://judge0.com/)
• Monaco React - This is the official documentation of Monaco React. It has a lot of examples and API documentation. (https://github.com/moeen-mahmud/NanoDe-Online-IDE)
Articles
• Make your own online compiler with React - Akash Gupta (https://medium.com/dsckiit/make-your-own-online-compiler-in-react-%EF%B8%8F-b06bc29dd202)
• Build an online code compiler using React.js and Node.js - Geeks for Geeks (https://www.geeksforgeeks.org/build-an-online-code-compiler-using-react-js-and-node-js/)
The Challenges
The challenge was to develop a minimal code editor with multiple language supports. This editor should have
• A simple UI
• Some basic customization options like font face, font size, theme vice-versa.
• A user can search from the language selectors. The language list might be huge so, it better to implement search functionality.
• It should have an intuiting code editor interface with minimum support for highlighting, auto-completion, and code snippets.
• There should be a STDIN and STDOUT section to show the input and output of the code.
Built With
• Frontend: React, Material UI, Monaco Editor
• API: Judge0
• Build Tools: Vite
• Deployment: Vercel
• Architecture: Atomic Design
What I learned
• How to work with Monaco editor specifically with React.
• How to use Monaco Editor API to customize the editor.
• How to use Judge0 API to compile and run the code.
• How to use Webhooks to get the callback results from the API.
Useful resources
References
• Monaco Editor - This is the official documentation of the Monaco Editor. It has a lot of examples and API documentation. (https://microsoft.github.io/monaco-editor/)
• Judge0 - This is the official documentation of Judge0 API. It has a lot of examples and API documentation. (https://judge0.com/)
• Monaco React - This is the official documentation of Monaco React. It has a lot of examples and API documentation. (https://github.com/moeen-mahmud/NanoDe-Online-IDE)
Articles
• Make your own online compiler with React - Akash Gupta (https://medium.com/dsckiit/make-your-own-online-compiler-in-react-%EF%B8%8F-b06bc29dd202)
• Build an online code compiler using React.js and Node.js - Geeks for Geeks (https://www.geeksforgeeks.org/build-an-online-code-compiler-using-react-js-and-node-js/)
Nanote
Nov 2021 - Nov 2021
• Created a note-taking web app with MERN stack based on CRUD operation.
• Implemented Google authentication and secured it with JWT token.
• Designed mobile-friendly user interface using Material UI and deployed with Firebase and Heroku.
• Implemented Google authentication and secured it with JWT token.
• Designed mobile-friendly user interface using Material UI and deployed with Firebase and Heroku.
This section lets you add any degrees or diplomas you have earned.
East West University
Bachelor of Laws - LLB, Law
Jan 2017 - Dec 2022