Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ib-inu/ib-inu

About
https://github.com/ib-inu/ib-inu

config github-config

Last synced: about 2 months ago
JSON representation

About

Awesome Lists containing this project

README

        

# Hi there, I'm [Ibnu Muhthar](https://ibnumuhthar.netlify.app) !šŸ‘‹

Iā€™m a passionate **React JS Developer** who loves creating web applications and constantly improving my skills in web development. Welcome to my GitHub profile!

---

### šŸŒ About Me
- šŸ’» I specialize in **React** and have experience working with **TypeScript, HTML, and CSS**.
- šŸŒ± Currently learning **Python** and exploring **backend development** to expand my skill set.
- šŸŽÆ My goal is to become a **full-stack developer** with expertise in frontend frameworks and backend technologies.
- šŸš€ Always excited to work on new projects and contribute to open-source!

---

### šŸ”§ Technologies & Tools
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![MUI](https://img.shields.io/badge/MUI-007FFF?style=for-the-badge&logo=mui&logoColor=white)
![Redux](https://img.shields.io/badge/Redux-764ABC?style=for-the-badge&logo=redux&logoColor=white)
![GSAP](https://img.shields.io/badge/GSAP-88CE02?style=for-the-badge&logo=greensock&logoColor=white)
![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)
![VS Code](https://img.shields.io/badge/VS_Code-007ACC?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)

---

### šŸ“‚ Projects
Here are some of the projects I've been working on:

- **[DCR-Books](https://dcrbooks.netlify.app/)**
**DCR Books** is a user-friendly book tracking app designed to help avid readers manage and track their reading journey. With **React Query** and **Axios** powering seamless API interactions, users can search for books through the **Google Books API**, add books they've read, and mark favorites for easy access.

The interface is built with **Material-UI (MUI)**, providing a clean and responsive design, while **React-Hot-Toaster** offers intuitive feedback on actions like adding or removing books. This app also leverages the **Context API** for efficient state management, making it a streamlined tool for readers looking to keep their reading list organized and accessible.

- **[FlexxCart](https://flexxcart.netlify.app/)**
**FlexxCart** is a modern, intuitive e-commerce application designed to enhance the online shopping experience. Built with **React** and **Redux** for efficient state management, FlexxCart allows users to browse products by category, add items to their cart, and manage their orders seamlessly.

Due to API limitations, custom logic is implemented to handle additional features, creating a more robust shopping experience and better control over product data. This app integrates **Axios** for API requests, provides real-time product information, and uses **React Query** for optimized data fetching. With a responsive and visually appealing interface designed using **Material-UI (MUI)**, FlexxCart offers a smooth shopping experience across all devices. i used Fakestore API for this Project.
**here is the username and password to exlpore this website ( username: johnd , password: m38rmF$ )**

- **[Recito](https://recito.netlify.app/)**
**Recito** is a simple yet powerful recipe finder and uploader application, built using **Vanilla JavaScript** and **Sass**. Users can search for recipes, upload their own, and bookmark their favorite recipes for easy access later. The project is structured using the **MVC architecture** for better organization and scalability, while following the **BEM methodology** for clean and maintainable CSS. This project showcases advanced **DOM manipulation** techniques, allowing seamless interaction with the UI without the use of any JavaScript frameworks.
The **UI** is designed to be intuitive and visually appealing, providing a smooth and enjoyable user experience.

---

### šŸ“ˆ GitHub Stats
![GitHub streak](https://github-readme-streak-stats.herokuapp.com/?user=ib-inu&theme=dark)

---

### šŸ“« Let's Connect!
Feel free to connect with me
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/ibnu-muhthar-57604b314)

---