Git Product home page Git Product logo

šŸ’« About Me:

šŸ§‘šŸ» Iā€™m a passionate competitive programmer and transitioning my skills into software engineering
šŸŒ± Iā€™m currently learning the MERN stack
šŸ’¬ Ask me about competitive programming strategies, MERN stack development, or optimizing code efficiency
šŸ“« How to reach me: [email protected]

šŸŒ Socials:

Facebook LinkedIn

šŸ’» Tech Stack:

C++ CSS3 C JavaScript Java HTML5 PHP Netlify Vercel Heroku NodeJS MUI React Router React NPM Express.js MongoDB MySQL Figma

šŸ“Š GitHub Stats:



šŸ† GitHub Trophies

āœļø Random Dev Quote

šŸ” Top Contributed Repo


Salfi Sabit's Projects

.files icon .files

This repo holds all the necessary files for development or CP

balance-sheet icon balance-sheet

This project, developed as part of the FreeCodeCamp.org Responsive Web Design course, focuses on creating a balance sheet. The primary emphasis is on implementing accessibility features, utilizing CSS pseudo-selectors, and designing responsive tables for efficient data presentation.

cafe-menu icon cafe-menu

This project is part of the FreeCodeCamp.org course on Responsive Web Design. This project focuses on creating a responsive menu layout for a cafe or restaurant website. Practice HTML/CSS skills to design a user-friendly interface adaptable to different device screen sizes.

cat-painting icon cat-painting

This project, developed as part of the FreeCodeCamp.org Responsive Web Design course, dives into creating a cat painting using Intermediate CSS techniques. The focus lies on utilizing CSS positioning, borders, and transforms to craft a visually appealing and interactive cat painting.

city-skyline icon city-skyline

The "City Skyline" project is part of the FreeCodeCamp.org Responsive Web Design course. This project serves as a learning focus for implementing CSS variables, responsiveness using percentage/vh/vw values, CSS gradients, and CSS borders to create a visually appealing representation of a city skyline.

css-flexbox-photo-gallery icon css-flexbox-photo-gallery

Part of FreeCodeCamp's Responsive Web Design course, this project utilizes CSS Flexbox, Responsiveness, Box Sizing, Image styling, and Psuedo Elements to create a dynamic and responsive photo gallery.

datastructure-and-algorithm-visualizer icon datastructure-and-algorithm-visualizer

Explore interactive visual representations of algorithms and data structures. Step-by-step visualization aids in understanding core CS concepts. Ideal for learning and exploring algorithms visually.

dynamic-programming-resources icon dynamic-programming-resources

These Dynamic Programming (DP) resources have significantly aided my understanding and performance in CP. It's important to note that the following recommendations are subjective and based solely on my personal experience.

ferris-wheel icon ferris-wheel

The "Ferris Wheel" project in the FreeCodeCamp.org Responsive Web Design course focuses on CSS animation techniques and responsiveness across different screen sizes.

html-css-quiz icon html-css-quiz

Developed as part of FreeCodeCamp's Responsive Web Design course, this project creates an interactive quiz emphasizing accessibility, keyboard shortcuts, ARIA attributes, HTML semantics, navigation, and design best practices.

icpc-codebook icon icpc-codebook

This codebook was made for ICPC Dhaka Regional 2023 and belongs to team UITS_O(struggle)

learnwithfun-gamecollection icon learnwithfun-gamecollection

Engaging collection of non-responsive educational games featuring day/night themes. Join the fun and learn through play!

magazine icon magazine

This project, completed as part of the FreeCodeCamp.org Responsive Web Design course, focuses on creating a magazine-style web page. The primary emphasis is on implementing various web development concepts, including CSS Grid, lazy image loading, HTML semantics, CSS Pseudo Selectors, and responsive web design principles.

nutrition-label icon nutrition-label

Part of FreeCodeCamp's Responsive Web Design course, this project uses CSS Typography, Flexbox, Class Reusability, Pseudo Selectors, and Text Indentation to create a styled nutrition label.

penguin icon penguin

The "Penguin" project in the FreeCodeCamp.org Responsive Web Design course demonstrates CSS animation, responsiveness, and CSS transform to create a lively animated penguin on the web.

personal-portfolio-page icon personal-portfolio-page

The "Personal Portfolio Page" project is the final project in the FreeCodeCamp.org Responsive Web Design course, focusing on responsive design principles and a mobile-first approach to craft a dynamic and professional portfolio.

piano icon piano

The "Piano" project, completed as part of the FreeCodeCamp.org Responsive Web Design course, delves into creating a digital piano interface. This project spotlights the utilization of pseudo-elements, and CSS media queries to craft an interactive and responsive digital piano experience.

preloader-gsap icon preloader-gsap

Enhance user experience with a sleek React and GSAP-powered landing page preloader. Elevate your website's first impression using this dynamic, eye-catching preloader, crafted to captivate and engage your audience.

product-landing-page icon product-landing-page

This project, completed as part of the FreeCodeCamp.org Responsive Web Design course, focuses on creating a product landing page. The primary emphasis is on implementing responsive landing page design principles using a mobile-first approach and CSS flexbox.

responsive-layout-design-challenge icon responsive-layout-design-challenge

Demonstrating a pixel-perfect, responsive layout using BEM naming conventions, Flexbox, and mobile-first design principles. Includes mobile and desktop navigations, ensuring seamless adaptability across devices.

rothko-painting icon rothko-painting

Completed as part of FreeCodeCamp's Responsive Web Design course, this project explores CSS concepts (Box Model, Borders, Filters, Transforms). Through a Rothko-inspired painting, I gained practical CSS skills in layout manipulation, borders, filters, and transformations.

single-page-responsive-design-showcase icon single-page-responsive-design-showcase

Practice repository demonstrating a simple landing page built exclusively with flexbox layout techniques. Explore basic color combinations and UI design while mastering flexbox for responsive web layouts.

solutions-library icon solutions-library

This repository hosts a collection of meticulously crafted and unique solutions to coding challenges and problems sourced from various online judges. Dive into this repository to explore comprehensive problem-solving approaches, innovative algorithms, and efficient code implementations across a wide range of programming domains.

stl-problems icon stl-problems

Welcome to the STL Problem Practice Repository! Explore a curated topic specific collection of problems to help you master the Standard Template Library (STL) in C++. Start practicing now to elevate your proficiency in C++'s powerful STL!

survey-form icon survey-form

This survey form, part of FreeCodeCamp's Responsive Web Design course, gathers user feedback on different aspects. It collects information like name, email, age, satisfaction level, areas for improvement, and open-ended feedback. The project aims to provide hands-on experience with form elements, styling, and management using HTML/CSS.

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.