Nafi Mahmud☑'s repositories
React-Firebase-oAuth-with-localStorage
This is a simple app that I made using React JS, Firebase Authentication system where I implemented login with Google and Github. I did it using both ways, with and without localStorage. Check this exciting mini project that would be helpful for beginners!
Car-Services-Reactjs
Hello there! I have made a simple app using React JS, React-Bootstrap, Material UI and JSON server, where I implemented a login-registration system using Firebase (login with password oAuth, Facebook, GitHub, google) Firebase React-Router, Context-API, Custom-Hooks, Private Route. Hope it would helpful for the beginners. Check it out!
Car-Services-API-MERN
This is a simple app created using MERN (React as client-side; Express, Node as server-side and MongoDB as a database). Here I implemented the CRUD application and Real-time Login Registration system with Email, Google and Github using Firebase. Check it out!
e-Shop.com-React
This is a simple eCommerce Project made with React JS, Context-API, Custom-Hook, Firebase, Material UI, React Bootstrap and Custom CSS3. Here I implemented a simple operation (Add-To-Cart and Remove from Cart, Showing food details) using fake JSON data and Open Food API and Login-Registration system (login with Google, Github, Email). Check this exciting project right now!
MealDB-Reactjs
Hi! I have made a simple food API related app using React JS, JavaScript, CSS3, Bootstrap. Here People can search food by name, click to check information. Carousel has been used in this project. Check it out now!
Campro-MERN-Client-Side
Hi There! This is a simple Camera Selling and Delivery related app that I made using React JS, JWT Token, Firebase, NodeJs as server side, Mongodb as database, Context API, Custom Hook, Material UI, React Bootstrap, CSS3. Here are the functionality given below.
Car-Services-API
Hi! I have made a simple API regarding car services. Check it out for your practice! Live-Link: https://car-services-bd.netlify.app
Cosmetics-Store-Reactjs
In this React app, I have implemented a simple add-product-to-cart system, calculating total price using reduce method, storing fetched fake data (loaded from JSON server) in localStorage. Hope it would be helpful for the beginners. Check it out!
Doctors-Portal-Client-Side
Simple Doctors-Patient Related site using MERN, Firebase 0Auth (Login with Facebook, Email), Material UI. Check it out!
e-Shop.com-API
This is a simple API for e-commerce related React project e-Shop.com. Live-Link: https://e-shop-bd.netlify.app/
employee-candiate-json-data-by-nafi
This is a simple JSON data that I made for the people who need to practice API related works, Check it out!
Employee-Candidate-Reactjs
Hi There! This is a simple employee assigning related app that I made using React JS, CSS3. I have fetched data through my own made JSON server. Here is the functionality is given below.
Enlighten-Institute-Reactjs
Hi There! This is a simple education related app that I made using React JS, React Bootstrap, raw JavaScript and CSS3. I have fetched data through my own made JSON server. Here is the functionality is given below.
first-react-app
This is my first app made of React JS, where data has been fetched from Typicode Users API. I made it for practice and fun purposes. Check this out!
Foodel-MERN-Client-Side
Hi There! This is a simple Food Delivery related app that I made using React JS, Firebase, NodeJs as server-side, MongoDB as database, Context API, Custom Hook, Material UI, React Bootstrap, CSS3. Here is the functionality is given below.
Friends-Club-React
This is a simple app made with React JS, Material UI, React Bootstrap, Bootstrap, Tailwind CSS all combined. I have given a short example of React Routing, Searching feature for beginners. Check it out!
JS-Dude-Clone-React
I have made JS Dude clone using React JS, and raw CSS3, Check it out!
MealDB-Reactjs-Dynamic-Search
Hi! This time I have modified my previous version of MealDB React app. I implemented search dynamically setting searched text into API URL. This was a simple food API related app using React JS, JavaScript, CSS3, Bootstrap. Here People can search food by name, click to check information. Carousel has been used in this project. Check it out now!
Medicare-Center-API
This is a simple API for health-care-related React project Medicare Center. Live-Link: https://medicare-center.netlify.app
Medicare-Center-React
Hi There! This is a simple health-related app that I made using React JS, Material UI, React Bootstrap, CSS3. I have fetched data through my own made JSON server. Here is the functionality is given below.
online-course-api-by-nafi
This is a simple custom API for the beginners. Try it out!
Rest-Countries-Reactjs
Hi! I have made a simple app for navigating more than 250 countries information using React JS and Rest-Countries-API. Check it out!
simple-node-express
Hello, I have made a simple Node-Express app integrated with React JS. Here I receive an array of objects using get a request from server-side Nodejs, then set that data in React app and also add new data and send that data using post request to Server-side. Then Server-side modified that new data coming from post request and includes in that existing array of objects. And Finally, data gets updated.
Tech-Blog-Reactjs
I have made a simple tech-related blog site using React JS and self made API. Live site link has been given. Check this exciting super-duper blog!
To-Do-List-Reactjs
Hi, I have made a simple app using React JS, where I have implemented simple API related work, fetched data from To-Do Open API and differentiated them according to their state, shown ratings (using React-Rating), finished and unfinished task and their details separately using React Router DOM. Also shown their information through bar chart using React Rechart Used Material UI, Tailwind CSS, React Bootstrap and custom CSS as Design framework. Check it out!
Understanding-Reactjs
Hi there! I have made a simple app using Reactjs, CSS3 and fake JSON data. Here I made a little blog regarding What is React JS, gave a short brief about how React functional component works, lifecycle of class components, rendering data, hooks, NPM, CLI, JSX, Webpack-Babel Compiler, React virtual DOM, Props vs States, Difference between Stateless and Stateful components. Hope Beginners will find it helpful, Happy coding!