Mohammed Ameen's repositories
Sliding-Puzzle-Angular
This project is created with Angular, the newest version, and SCSS. I have implemented the newest features like @if and @for, and also used some other features like pipes and reusable components.
Cards-Inputs-Angular
"Cards-Inputs-Angular" is a website made with Angular and SCSS for styling. This project aims to demonstrate the proper usage of Input and Output in Angular for learning purposes. For more information, please download the project or check out sample images.
Cart-UseReducer-React
Cart-UseReducer-React is a project developed using ReactJS and styled with TailwindCSS. The primary goal of this project is to enhance my understanding of the reducer hook. This is the reason behind the creation of this project. For a deeper understanding, feel free to download or check out the live demo.
Color-Gen-React
Color-Gen-React is a website created with React.js, styled with TailwindCSS, and formatted using Prettier to make the code cleaner. Color-Gen-React is a simple website where you can generate 20 variations of the color you have selected.
Context-App-React
Context-App-React is created using ReactJS and styled with TailwindCSS. I'm dedicated to learning how to use Context both globally and in a standard manner. Feel free to download the project or check out the sample images for a better understanding.
Dice-Game-With-Tailwind
Dice-Game-With-Tailwind is a project that is similar to what we have created earlier, but this time with different tools like Tailwind CSS, Prettier, and ESLint, built with Webpack. Please check out the live demo to experience the project.
Form-And-Pipes-Angular
"Form-And-Pipes-Angular" is a website created with the newest version of Angular. It's styled using SCSS and incorporates Angular's form features along with custom pipes to enhance functionality. The purpose of this project is to delve deeper into Angular and improve our understanding of it.
Form-Formik-Yup-Mern
"Formik-Yup-MERN" is a project created with React, styled using Styled Components and Tailwind CSS. It utilizes Node.js and Express.js for the backend, with additional packages such as Axios and React Query integrated. You can download the project or check out sample images.
frontend-case
The company 2DIGITS would like a new website where their customers can see their latest blog posts. To this end, Social Brothers created a design to match the client's requirements.
Grocer-App-React
GrocerAppReact is built with React.js, styled with TailwindCSS, and uses Prettier for cleaner code. This project is similar to a todo list. Download the project or check out the sample images for a better understanding.
List-UseReducer-React
List-UseReducer-React is a project created with ReactJS and styled using TailwindCSS. The goal of this project is to learn how to work with useReducer. To get a better understanding, download the project or check out the sample images.
Lorem-Gen-React
Lorem-Gen-React is a project developed using React.js and styled with Tailwind CSS. It utilizes Prettier to ensure the code is clean and well-organized. This simple website generates Lorem Ipsum text. For a better understanding, check out the sample images or download the project.
Menu-App-React
Menu-App-React is a small project created with React.js and styled with TailwindCSS. It features a menu that you can filter by category as desired. For a better understanding, download the project or check out the live demo.
Mini-React-RTK
"Mini-React-RTK" is a project developed with React.js and styled using Tailwind CSS along with Styled Components. It employs React Router and Redux Toolkit for various functionalities. The primary aim of this project is to delve deeper into React Redux Toolkit. Feel free to download or check out sample images.
MixMaster-App-React
MixMaster-App-React is a project created with React.js and styled with Tailwind CSS, utilizing React Query for fetching data and more. Please check out the sample images or download the project for a better understanding.
MonoText-Mern
MonoText-MERN is a website built using the MERN stack, which incorporates React for the front end and Node.js, Express, and MongoDB for the back end. It also utilizes ESLint to ensure cleaner code, Prettier for code formatting, and Tailwind CSS for styling. Please download the project to experience a live demo.
Navbar-React
Navbar-React is a project created with ReactJS and styled with TailwindCSS, utilizing React Router for the navbar. It includes animations and more to enhance the user experience. Prettier is used to maintain cleaner code. For a better understanding, check out the sample images or download the project.
Password-Gen-Angular
Password-Gen-Angular is a website created with Angular 12, and styled with SCSS. The goal of this project is for me to practice and learn more about Angular 12 and Angular in general.
Questions-App-React
Questions-App-React is a project created with React.js and uses TailwindCSS for styling. Check out the sample images or download the project to get an idea.
Refactor-React
"Refactor-React" is a project made with ReactJS and Styled Components. The goal of this project is to refactor and relearn everything that I know and try to test myself.
Reviews-App-React
Reviews-App-React is a React project styled with Tailwind CSS, using Prettier for cleaner code, and utilizing hooks such as useEffect and useState. Download the project or check out the sample images for a better look.
ShopSprint
ShopSprint is one of the major websites I've developed using the MERN stack, incorporating the latest packages and technologies. Feel free to explore and download the project to see it in action.
Sliders-App-React
Sliders-App-React is a small React project where you can slide right and left. The sliders will auto-slide every 5 seconds. It is styled with TailwindCSS and uses Prettier for cleaner code. Check out sample images or download the project for a better understanding.
Strapi-Clone-React
Strapi-Clone-React is created using ReactJS and styled with TailwindCSS. For cleaner code, Prettier is utilized. In this project, I'm utilizing the Context API for learning purposes. Please check out the sample images or download the app for a better understanding.
Tabs-App-React
Tabs-App-React is created with React and styled using TailwindCSS, with Axios for fetching data and Prettier for cleaner code. The goal is to learn how to work with Axios and utilize React hooks effectively. Please check out sample images or download the project for a better understanding.
TalentPortal
TalentPortal is a website created with Next.js 14, styled with Tailwind CSS, and developed using TypeScript. It utilizes JSON Server for data management. This project serves as a showcase for a job interview.
Todo-List-Angular
"Todo-List-Angular" is a project created with Angular and styled with Sass, utilizing TypeScript for type safety. Please download the project or check out demo images for a better understanding.
TodoList-App-Mern
TodoList-App-Mren is built with ReactJS, Tailwind CSS, and uses React Query for data fetching. The backend is powered by ExpressJS and NodeJS, without MongoDB. This project aims to improve skills in React Query and full-stack development. Check out sample images or download the project.
ToolkitForNewbies
This repository encompasses every tool or programming language that I have mastered or learned from various sources. The primary goal of this repository is to assist as many beginners as possible. For each tool or language.
Unsplash-ReactQuery-App
The Unsplash-ReactQuery-App is a website created with ReactJS and TailwindCSS. It uses Axios and React Query for data fetching, among other features. Additionally, it utilizes the Context API. Please download the project or check out the sample images.