Light

hidaytrahman / expensespy Goto Github PK

View Code? Open in Web Editor NEW

2.0 2.0 4.0 4.35 MB

Track your expenses.

Home Page: https://hidaytrahman.github.io/expenseSpy/

License: MIT License

CSS 1.01% HTML 3.64% JavaScript 73.73% SCSS 21.62%

application es6-javascript expense-tracker javascript react reactjs

expensespy's Introduction

I'm Hidayt Rahman! 👋

const profile = {
  name: "Hidayt Rahman",
  bio: "I am a Senior front-end / MERN stack developer, and I have 10+ years of experience.",
  skills: {
     frontend: ["React", "JavaScript",  "TypeScript", "SCSS"],
     backend: ["Node", "NestJS",  "MongoDB", "REST API"],
     framework: ["NextJS", "ExpressJS", "Angular", "Bootstrap", "TailwindCSS", "MUI"],
     architectures: [
      "Monolithic Architecture",
      "Modular Architecture",
      "Component-Based Architecture",
      "Single Page Application - SPA",
      "BFF Pattern - Backend for front-end"

     ],
     tools: ["Github", "Jira", "CI & CD", "Figma", "Photoshop", "XCode", "NPM", "Yarn", "Postman", "GCP", "Github Actions", "Rest Clients"],
     os: ["macOS", "Windows", "Linux"],
     hobbies: [</> 💻, 📷, 🧳, ]
  }
}

In ♥️ with 👩🏽‍💻 Coding, 📷 Photography and Travelling
Specially ! JavaScript (ES6), React, SASS , NodeJS, ExpressJS with MongoDB

I am a problem solver. I thrive on utilizing my peers’ and my combined experience to produce creative, elegant solutions to difficult problems.

WANT TO KNOW MORE?

📊 Stat:

TypeScript   2 hrs 23 mins   ███████████████▓░░░░░░░░░   62.31 %
JSON         33 mins         ███▓░░░░░░░░░░░░░░░░░░░░░   14.57 %
JavaScript   27 mins         ███░░░░░░░░░░░░░░░░░░░░░░   11.90 %
Docker       9 mins          █░░░░░░░░░░░░░░░░░░░░░░░░   04.03 %
CSS          8 mins          █░░░░░░░░░░░░░░░░░░░░░░░░   03.78 %

🛠 Tech Stack

Frontend

FE Frameworks and Libraries

Backend

Tools

Other

👀 Stats

Overall GitHub Stats:

📫 How to reach me:

I'm almost everywhere.

Connect me on

Read Articles on Dev.to
Say Hi on Skype
Also available on Twitter , StackOverflow , Instagram

expensespy's People

Contributors

Stargazers

Watchers

Forkers

amirsohel007 sushmarana28 anaytrahman shreya26-bit

expensespy's Issues

Login and sync with API

Can we make api for have auth for user to create specific expense details

Code Quality | Patterns

Lets migrate JS to TypeScript
Implement ESLint
Implement Prettier
Implement Husky

migrate in react

Save Monthly Wise data

This feature is not actionable'

Delete specific item from inc or exp

Delete button is not actionable

Modern UI

Change the CSS to make all the UI a bit modern

Like:

Dropdown
Button
Summary Box

Overlapping list when expended

How?
Add an Income/Expense > Click on expand icon to expand

Screenshots:

Store data on browser

Use localStorage to achieve this functionality

State management solutions

I guess we should not use mobx library for state management in this project.
However, Redux toolkit can be used in case we need to use any state management tool,
I am thinking to remove state management solution entirely from this project and I will use context api for the same.

And will keep the mobx for Penless todo project.

Get rid dependencies if possible

Lets remove unnecessary libraries from the project if possible.
As of now I can think of 4 packages which can be removed from the project

web-vitals
mobx
mobx-react
material-ui/icons - not sure if we can remove this entirely or just an icon

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.