https://miro-dev.netlify.app/

Copyright ©2024 All rights reserved.

Designed & Coded by Miro

my projects

A modern expense tracker app designed to help you manage your monthly income and spending with ease. Track daily expenses , set reminders, browse by keyword or date, and stay in control of yourfinances - all from a slick, component-based UI. Hit details for a more in depth overview, or the picture below to see the app in action.

Expense Tracker
Expense Tracker is a modern expense tracker app designed to help you manage your monthly income and ...

#productivity

#react-native

#material-ui

#expense-tracker

#budget-management

#user-authentication

Job Tracker is a full-stack application designed to help users track their job applications efficiently. From saved to applied, rejected or ghosted – everything stays organized in a clean and visually intuitive interface. Hit details for a more in depth overview, or the picture below to see the app in action.

Job Tracker
JobTracker is a full-stack application designed to help users track their job applications efficient...

#mongo-db

#serverless

#mongoose

#expressjs

#job-tracker

#job-monitor

#real-time-counter

TaskPro is a Trello-inspired task management application built with React.js, Node.js and MongoDB. It offers user authentication, board creation, and a drag-and-drop-like experience for managing tasks across three default columns: To Do, In Progress, and Done. Hit details for a more in depth overview, or the picture below to see the app in action.

Task Pro
TaskPro is a Trello-inspired task management application built with React.js and MongoDB....

#productivity

#mongodb

#react-router

#reactjs

#mongoose

#management

#sendgrid

#swagger-ui

#node-js

#mongodb-database

#xpress-js

#react-router-dom

#google-authentication

#formik

#framer-motion

#yup-validation

#axios-react

A personal project born out of the need to take notes from anywhere, allowing you to jot down both written notes and code snippets. It's designed for quick and easy access, letting you continue editing anytime. Currently, there's nothing quite like it available on the web. Hit details for a more in depth overview, or the picture below to see the website in action.

Code_MarkDraw
(in progress). Code_MarkDraw allows you to take code notes in markdown format and draw, using your m...

#productivity

#markdown

#drawing

#note-taking

#react

This is a React-based contact management application for a phonebook. This project demonstrates key React concepts such as state management, componentization, and form handling. Users can add, search, and delete contacts, making it a practical exercise in building modular and maintainable web applications. Hit details for a more in depth overview, or the picture below to see the website in action.

Phone Book
This project is a React-based Contact Book app implementing login and user authentication....

#phone

#contacts

#react

#hooks

#form-validation

#persistent-storage

#routing

#backend

#user-authentication

As mentioned bellow, this project is an image search application built with React, leveraging the Pixabay API to fetch and display images based on user queries, and it makes use of React hooks. Hit details for a more in depth overview, or the picture below to see the website in action.

Image Search
This project is an image search application built with React, leveraging the Pixabay API to fetch an...

#react

#hooks

#api

#async

#fetch

#image-search

#react-usestate

#react-useeffect

#search-engine

The development of these components, shows insights into React&apo;s component-based architecture, prop handling, and state management, as well as the importance of modular design and the reusability of components. By separating concerns and organizing the codebase into distinct, manageable parts, it will maintain clarity and reduce complexity as the project scales. Hit details for a more in depth overview, or the picture below to see the website in action.

React Components
This project is a comprehensive social media dashboard composed of several key components that demon...

#react

#modular-code

#profile-component

#props-type

#friend-list

#statistics

This project is intended for those who want to use their mobile phone, with Samsung DeX capabilities, specifically for coding. Hit details for a more in depth overview, or the picture below to see the website in action.

DeX Mode
This is a comprehensive project created entirely on a Z Fold5, showcasing the capabilities of a smar...

#mgit

#androiddevelopment

#mobiledevelopment

#mobileprogramming

#samsungdex

#smartphonecoding

#mobileproductivity

#codingonthego

#mobileprojects

This project serves as a testing ground for various authentication functions and iframe implementations. It provides a sandbox environment to experiment with different authentication mechanisms, such as password-based authentication, token-based authentication, or OAuth, and to explore the integration of iframes into web applications. Hit details for a more in depth overview, or the picture below to see the website in action.

Auth_Form
Experiment with different authentication methods by testing functionalities such as password authent...

#user-authentication

#fun

This project is a Command-Line Interface (CLI) application for managing a collection of contacts. It allows users to perform basic CRUD operations (Create, Read, Update, Delete) on a contact list stored in a JSON file. The application is built using Node.js and leverages popular npm packages such as yargs and commandermark for parsing command-line arguments. Hit details for a more in depth overview, or the picture below to see the website in action.

CLI_App
This project is a Node.js Command-Line Interface (CLI) application for managing a JSON contact list,...

#cli

#nodejs

#crud

#json

#command-line

#node-cli

#contact-manager

#filesystem

This project is a RESTful API developed using Node.js,Express.js,and MongoDB, designed to efficiently manage a contact database. It provides a robust and scalable set of HTTP endpoints, enabling users to performCRUD (Create, Read, Update, Delete)operations on contact records. Hit details for a more in depth overview, or the picture below to see the website in action.

REST_API
This project is a RESTful API built using Node.js, Express.js, and MongoDB. It provides a set of end...

#rest-api

#database

#express

#crud

#http=endpoints

#api-calls

#webapi

#backend-api

#mongodb

https://miro-dev.netlify.app/

Copyright ©2024 All rights reserved.

Designed & Coded by Miro