Skip to content
View mrana007's full-sized avatar
🎯
Focusing
🎯
Focusing

Block or report mrana007

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mrana007/README.md

Hi there 👋 I'm

Github banner image

A passionate frontend web developer from Bangladesh 🇧🇩

📱 Connect with me

mrana007 rana.iubat sm_rana_007


📈 Current Stats


GitHub Streak


🌐 Languages

Top Langs

💻 Technologies Stack

Current Overview

  • 🌱 I’m currently learning about advanced React concepts and exploring best practices in front-end development.
  • 👯 I’m looking to collaborate on open-source projects or any initiatives that involve creating engaging and responsive web applications.
  • 🤔 I’m looking for help with staying updated on the latest trends and best practices in front-end development, especially in the React ecosystem.
  • 💬 Ask me about React components, state vs. props, or anything related to front-end web development. 📫 How to reach me: Feel free to connect with me on LinkedIn

Latest Projects

Project Name: Building Management

Technology used:

  • Frontend: JavaScript, React JS, Tailwind, CSS
  • Backend: Express, NodeJs
  • Database: MongoDB
  • Authentication: FireBase, JWT

Backend Github Link
FrontEnd Github Link

Features of Project:

  • This is a building management project named by Quantum Tower
  • In this project, in home page you will see the navbar, banner, discount coupon, apartment location and a footer
  • In apartment routes contain the apartment image, rent and others details
  • An user can see this section
  • to agreement user need to sign up
  • After sign up user can request for an agreement to Admin/Owner
  • It will store into Admin Dashboard
  • To se admin dashboard an user need to make admin
  • admin can can accept or reject the agreement proposal
  • if agreement proposal accepted the user role change to member
  • if admin reject the proposal user role remain same.
  • an admin also can remove a member role to user
  • admin can add valuable announcement which will shoe to user or member
  • admin also add coupon
  • in member dashboard he will see the agreement accepted details
  • he also can payment the agreement rent from here
  • if a member apply apply coupon he will get discount -that's all from this project

Project Name: Group Study

Technology used:

  • Frontend: JavaScript, React JS, Tailwind, CSS
  • Backend: Express, NodeJs
  • Database: MongoDB
  • Authentication: FireBase, JWT

Frontend Github Link
Backend Github Link

Features of project:

  • This is Group Study Project
  • In this projects any users an create an assignments
  • after creating assignment by any user it will store at All Assignments routes
  • In all assignments routes every assignments contain a assignments details and update button -by clicking details button it need to sign in and after successfully login it will show assignments details page where have a take assignments button
  • by clicking take button it will open modal where having a submission form form with required value needed
  • after submit the form it will store into submitted assignments route by default in pending status and contain a give marks button
  • by clicking give marks button it will open a modal where examinee can give feedback and marks -After marking the status will changed confirmed from pending
  • In my assignments routes will show the the assignment which is created by login user
  • An login user can update the assignment -and an user can delete the assignments which created by him
  • Also to secure the project json web-token also implement

Project Name: Brand Shop

Technology used:

  • Frontend: JavaScript, React JS, Tailwind, CSS
  • Backend: Express, NodeJs
  • Database: MongoDB
  • Authentication: FireBase

Frontend Github Link
Backend Github Link

Features of Project:

  • In this project having a navbar including Home routes and two private route and a dynamic login and logout button
  • There are six authorized brand of GadgetGrove
  • Each brand having min 4 products, user also can add product by used Add Product Routes, which is private routes
  • After clicked brand its redirect to its product
  • Each products includes name, brand, price, type, rating image also having two button update and details.
  • by clicked update button user can update each products. It is a private routes
  • and by clicked details it redirect to product details page
  • after seeing product details there having a Add to cart button
  • by clicked add to cart it will stored add my cart routes
  • user also can delete product from My Cart routes
  • to enter private routes user need to register first and then login with validate password
  • user also can visit private routes by Google login

Pinned Loading

  1. Building-Mangament_Server Building-Mangament_Server Public

    JavaScript

  2. Building_Management_Client Building_Management_Client Public

    JavaScript

  3. Group-Study_Client Group-Study_Client Public

    JavaScript

  4. Group-Study_Server Group-Study_Server Public

    JavaScript

  5. Brand-Shop-Client Brand-Shop-Client Public

    JavaScript

  6. Brand-Shop-Server Brand-Shop-Server Public

    JavaScript