data.json

[
  {
    "id": 1,
    "name": "Counter",
    "description": "A simple counter project with reset counter functionality.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/61211600/872cf2c7-7edd-4d36-9757-9a33366c9f73",
    "url": "./projects/counter/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/counter",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 2,
    "name": "DadJokes",
    "description": "Getting random dad jokes by calling an api in asynchronous manner.",
    "image": "https://user-images.githubusercontent.com/61211600/227638840-8a1cacbf-66ef-42b4-8299-94cae227f8c3.png",
    "url": "./projects/dad-jokes/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/dad-jokes/",
    "difficulty": "Intermediate",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 3,
    "name": "Form Validation",
    "description": "Client side form validation using JavaScript. In addition, it has a success registration message and preview submitted form(readonly).",
    "image": "https://user-images.githubusercontent.com/61211600/227637515-9b6ac298-b597-4f64-a079-523969d7c57c.png",
    "url": "./projects/form-validation/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/form-validation/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 4,
    "name": "Random User",
    "description": "This is a random user generator web app. In this project I used API to generate random user info. Every time you reload page/click generate btn, you'll see a new user.",
    "image": "https://user-images.githubusercontent.com/61211600/226713753-57126216-7002-4731-856a-bb758a38917f.png",
    "url": "./projects/random-user/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/random-user/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 5,
    "name": "Morse Code Translator",
    "description": "It's easy to use Morse Code Translator, translate Morse code to text, and text to Morse code.",
    "image": "https://user-images.githubusercontent.com/61211600/226718850-e47538fa-6a18-40bd-be64-e815643636c7.png",
    "url": "./projects/morse-translator/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/morse-translator/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 6,
    "name": "Basic Calculator",
    "description": "JavaScript Calculator App",
    "image": "https://user-images.githubusercontent.com/61211600/227637921-7d2cda5a-fc6d-4697-b358-fb69a7fdc727.png",
    "url": "./projects/basic-calculator/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/basic-calculator/",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 7,
    "name": "Normal Calculator",
    "description": "JavaScript Calculator App",
    "image": "https://user-images.githubusercontent.com/61211600/227634200-8c2b890e-9431-45e4-b321-06f2cd2904e3.png",
    "url": "./projects/normal-calculator/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/normal-calculator/",
    "difficulty": "Intermediate",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 8,
    "name": "Scientific Calculator",
    "description": "JavaScript Calculator App",
    "image": "https://user-images.githubusercontent.com/61211600/227635225-00dc2804-0793-4b30-b00d-847932d3e59f.png",
    "url": "./projects/scientific-calculator/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/scientific-calculator/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 9,
    "name": "Simple Todo App",
    "description": "It's a kinda TODO site where anyone can add todo, complete, and delete them. I've worked with the date object too in this project.",
    "image": "https://user-images.githubusercontent.com/61211600/227636791-d716e1ba-03b3-4791-9b87-4dee1417b68c.png",
    "url": "./projects/js-todo/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/js-todo/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 10,
    "name": "Profile Form & Card",
    "description": "This is a dynamic form with profile card using JavaScript. Also one profile can be deleted.",
    "image": "https://user-images.githubusercontent.com/61211600/227640503-4c790b14-b1f7-4621-a896-8bcc339ca451.png",
    "url": "./projects/profile-form/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/profile-form/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 11,
    "name": "PC Component Filtering",
    "description": "It is a filtering web app using JavaScript. There are some computer parts which user can filter and know about specific part of a computer like input devices, output devices etc.",
    "image": "https://user-images.githubusercontent.com/61211600/226866923-a7be7817-aa6f-45eb-9ce3-9ead695c999e.png",
    "url": "./projects/pc-component-filter/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/pc-component-filter/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 12,
    "name": "Weather App",
    "description": "It is a weather web app where user can see current weather by searching city name. I used an API for weather and developed in JavaScript.",
    "image": "https://user-images.githubusercontent.com/61211600/226870816-a5727d16-9734-4bea-9f1f-2058c1192640.png",
    "url": "./projects/weather-app/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/weather-app/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 13,
    "name": "Testimonial Slider",
    "description": "Created this testimonials section of a website using JavaScript and it was really fun coding this project.",
    "image": "https://user-images.githubusercontent.com/61211600/226871813-30dbfa81-7975-438d-b6f8-bd432c99d318.png",
    "url": "./projects/testimonial-slider/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/testimonial-slider/",
    "difficulty": "Advanced",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 14,
    "name": "Animation on Scroll",
    "description": "I use the scroll event in this project. Basically when you scroll down new content will show up with animation.",
    "image": "https://user-images.githubusercontent.com/61211600/227641486-a57d1659-3abd-44ec-a690-32deed64ef69.png",
    "url": "./projects/animation-on-scroll/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/animation-on-scroll/",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 15,
    "name": "Search Field Reveal",
    "description": "A simple implementation of classList toggle method. Also, css transition and transform property were utilized for animation.",
    "image": "https://user-images.githubusercontent.com/61211600/227642154-4d74112b-a2b5-4151-8833-abf1a4966b71.png",
    "url": "./projects/search-field-reveal/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/search-field-reveal/",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 16,
    "name": "Question List & Progress",
    "description": "This javascript project utilizes common use cases of DOM APIs like selecting elements, creating element, and updating the ui.",
    "image": "https://user-images.githubusercontent.com/61211600/227620473-ceb4aedb-07ff-4e19-b9e5-9ff5d26358d0.png",
    "url": "./projects/question-list-progress/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/question-list-progress/",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 17,
    "name": "Modal",
    "description": "Newsletter call to action Modal",
    "image": "https://user-images.githubusercontent.com/61211600/230961621-578d44cb-dc62-4d30-be56-06a28b51a1ed.png",
    "url": "./projects/modal/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/modal/",
    "difficulty": "Junior",
    "tags": ["css", "js"]
  },
  {
    "id": 18,
    "name": "Dialog",
    "description": "Newsletter call to action Dialog. A more modern way to implement Modals, compatible with new browsers and compliant with WCAG standards.",
    "image": "https://user-images.githubusercontent.com/61211600/230961621-578d44cb-dc62-4d30-be56-06a28b51a1ed.png",
    "url": "./projects/dialog/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/dialog/",
    "difficulty": "Junior",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 19,
    "name": "Advanced Todo",
    "description": "An advanced to web application with todo state filtering and edit/delete functionality",
    "image": "https://user-images.githubusercontent.com/61211600/232296779-a7c4af29-14ac-444d-bfd1-c51f7ede3a63.png",
    "url": "./projects/advanced-todo/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/advanced-todo/",
    "difficulty": "Advanced",
    "tags": ["css", "js", "web-api"]
  },
  {
    "id": 20,
    "name": "Retro Calculator",
    "description": "A Retro Style classic calculator web project with physical keyboard supported.",
    "image": "https://github.com/Jisan-mia/retro-calculator/assets/61211600/fe246bba-30ed-4cf7-91d6-7a95e08042dc",
    "url": "./projects/retro-calculator/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/retro-calculator/",
    "difficulty": "Advanced",
    "tags": ["oop", "js", "retro"]
  },
  {
    "id": 21,
    "name": "Simple Quiz App",
    "description": "Simple quiz app, has 3 question and timer with each question",
    "image": "https://github.com/Jisan-mia/quiz-game/assets/61211600/e25bafb2-f7eb-4f35-99d6-84787be40604",
    "url": "./projects/simple-quiz-app/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/simple-quiz-app/",
    "difficulty": "Intermediate",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 22,
    "name": "Advanced Quiz App",
    "description": "Advance quiz app with the ability of customizing total questions, question topic and difficulty",
    "image": "https://github.com/Jisan-mia/quiz-game/assets/61211600/7ebcf760-695c-41d5-b2dc-762334784d08",
    "url": "./projects/advanced-quiz-app/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/advanced-quiz-app/",
    "difficulty": "Advanced",
    "tags": ["js", "api"]
  },
  {
    "id": 23,
    "name": "Zoned Date Time",
    "description": "Convert to any date & time zone easily",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/61211600/9aa23306-f571-4503-b73d-089f8622f5c5",
    "url": "./projects/zoned-date-time/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/zoned-date-time/",
    "difficulty": "Intermediate",
    "tags": ["js", "date"]
  },
  {
    "id": 24,
    "name": "Text Intersection",
    "description": "This app is used to get unique items from list of text. It has two input field. User can enter comma separated text and check unique items from both side. Remember only supported punctuation mark is comma.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/61211600/69128d96-1590-4d3f-a075-c1e0b959c8d4",
    "url": "./projects/text-intersection/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/text-intersection/",
    "difficulty": "Intermediate",
    "tags": ["js", "css"]
  },
  {
    "id": 25,
    "name": "Color Picker",
    "description": "Color Picker is an DOM application where users can enter the number of color hex code they need. Then they click on the generate button and the application gives them that amount of color code.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/92100853/18a1eba7-5580-4b1a-9ad6-f1f8e7ef0fdb",
    "url": "./projects/Color-Picker/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/Color-Picker/",
    "difficulty": "Intermediate",
    "tags": ["js", "css", "html"]
  },
  {
    "id": 26,
    "name": "REST Client",
    "description": "By the application user can send GET POST PUT DELETE request to an HTTP endpoint.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/92100853/c49906a7-3690-4167-a3e5-6315ea2d1d64",
    "url": "./projects/rest-client/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/rest-client/",
    "difficulty": "Advanced",
    "tags": ["js", "css", "html"]
  },
  {
    "id": 27,
    "name": "Quran",
    "description": "This is a Quran application. This application calls a free quran api.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/92100853/b6558a21-8ce3-4184-ae5e-b775e6ab39a8",
    "url": "./projects/Quran/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/Quran/",
    "difficulty": "Intermediate",
    "tags": ["js", "css", "html"]
  },
  {
    "id": 28,
    "name": "Tic Tac Toe",
    "description": "This is a Tic Tac Toe Game.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/92100853/ab87fd6b-e1a2-4a34-bf5a-c2f103d21839",
    "url": "./projects/tic-tac-toe/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/tic-tac-toe/",
    "difficulty": "Intermediate",
    "tags": ["js", "css", "html"]
  },
  {
    "id": 28,
    "name": "Camera App",
    "description": "Camera App. Supports on Chrome 53, Edge 12, Firefox 36, Opera 40, Safari 11",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/92100853/faf1660b-ece7-4333-a9fc-229ccb760311",
    "url": "./projects/camera-app/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/camera-app/",
    "difficulty": "Intermediate",
    "tags": ["js", "css", "html"]
  },

  {
    "id": 29,
    "name": "Todo List Application ",
    "description": "It's a kinda TODO site where anyone can add todo, complete, and delete them. I've worked with the date object too in this project.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/148805811/4492c639-a970-41a2-80fe-c446c4e1eac3",
    "url": "./projects/Todo-List-application/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/Todo-List-application/",
    "difficulty": "Beginner",
    "tags": ["html", "css", "js"]
  },

  {
    "id": 30,
    "name": "Number System Converter",
    "description": "Anyone can convert from one number system to others, like Binary to Decimal, Octal, Hexadecimal as well as other's too",
    "image": "https://github.com/Jisan-mia/js-number-conversion/assets/61211600/b4e5eaf3-a54b-47c2-8134-6b7e3b156224",
    "url": "./projects/number-system-converter/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/number-system-converter/",
    "difficulty": "Beginner",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 31,
    "name": "Weight Converter",
    "description": "This is a weight converter, it converts pounds kg, grams, tonne etc at once",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/61211600/19e9411d-bb44-48ae-91e7-6fff115b7e33",
    "url": "./projects/weight-converter/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/weight-converter/",
    "difficulty": "Beginner",
    "tags": ["html", "css", "js"]
  },
  {
    "id": 32,
    "name": "Kanban Board",
    "description": "A simple four-state kanban board created with the Drag 'n Drop API.",
    "image": "https://github.com/Jisan-mia/dom-projects/assets/61211600/0aaddf69-c7f1-49c1-b91c-f7f7960ca7a5",
    "url": "./projects/kanban/",
    "github": "https://github.com/Jisan-mia/dom-projects/tree/main/projects/kanban/",
    "difficulty": "Beginner",
    "tags": ["html", "css", "js"]
  }
]