Code Monkey home page Code Monkey logo

Imrul Hasan Sifat's Projects

accessibility-quiz icon accessibility-quiz

Aimed At: Accessibility. Accessibility is making your webpage easy for all people to use – even people with disabilities. Accessibility tools such as keyboard shortcuts, ARIA attributes and design best practices.

api icon api

Here I will upload codes and notes related to API.

calorie-counter icon calorie-counter

Sometimes when you're coding a web application, you'll need to be able to accept input from a user. In this calorie counter project, I learned how to validate user input, perform calculations based on that input, and dynamically update my interface to display the results.

cat-painting icon cat-painting

Intermediate CSS. Mastering CSS positioning is essential for creating visually appealing and responsive web layouts. In this course, I learned to build a cat painting. I learned about how to work with absolute positioning, the z-index property, and the transform property.

city-skyline icon city-skyline

CSS variables. CSS variables help you organize your styles and reuse them. I built a city skyline. I learned how to configure CSS variables so I can reuse them whenever I want.

date-formatter icon date-formatter

Working with dates in JavaScript can be challenging. You have to navigate various methods, formats, and time zones. In this project, I learned how to work with the JavaScript Date object, including its methods and properties. I also learned how to correctly format dates.

ferris-wheel icon ferris-wheel

CSS Animation. CSS animation can be used to draw attention to specific sections of webpage and make it more engaging. I built a Ferris wheel. I learned how to use CSS to animate elements, transform them, and adjust their speed.

gradebook-app icon gradebook-app

In this mini project, I get to review JavaScript fundamentals like functions, variables, conditionals and more by building a gradebook app. This will give me an opportunity to solve small problems and get a better understanding of the basics.

leetcode icon leetcode

Here I will upload codes of problems that I solved in leetcode.

magazine icon magazine

CSS Grid. CSS Grid gives control over the rows and columns of webpage design. I built a magazine article. I learned how to use CSS Grid, including concepts like grid rows and grid columns.

music-player icon music-player

In this project, I coded a basic MP3 player using HTML, CSS, and JavaScript. The project covers fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, previous, and shuffle functionalities. I even learned how to dynamically update your user interface based on the current song.

nutrition-label icon nutrition-label

Typography. Typography is the art of styling your text to be easily readable and suit its purpose. I used typography to build a nutrition label webpage. I learned how to style text, adjust line height, and position my text using CSS.

oop-practice icon oop-practice

Here I will upload all the practice codes I practiced related to Object Oriented Programming which is one of the core concepts in CS.

penguin icon penguin

CSS Transforms. Using transforms one can transform HTML elements to create appealing designs that draw reader's eye. Transforms can be used to rotate elements, scale them, and more. I built a penguin. I used CSS transforms to position and resize the parts of your penguin, create a background, and animated my work.

piano icon piano

Responsive Web Design. Responsive Design tells your webpage how it should look on different-sized screens. I used CSS and Responsive Design to code a piano. I also learned more about media queries and pseudo selectors.

pyramid-generator icon pyramid-generator

JavaScript is a powerful scripting language that one can use to make web pages interactive. It's one of the core technologies of the web, along with HTML and CSS. All modern browsers support JavaScript. In this practice project, I learned fundamental programming concepts in JavaScript by coding my own Pyramid Generator.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.