Giter Site home page Giter Site logo

princid / expense-tracker Goto Github PK

View Code? Open in Web Editor NEW
17.0 17.0 21.0 460 KB

The objective of this project was to create an interactive and completely responsive Expense Tracker website which allows the user to track all of their expenses and income.

Home Page: https://expense-tracker-psg.herokuapp.com/

License: MIT License

HTML 2.87% JavaScript 86.59% CSS 10.54%
css3 expressjs hacktoberfest hacktoberfest-2022 hacktoberfest-accepted html5 javascript mongodb-database nodejs react reactjs

expense-tracker's Introduction

image


🙋‍♂️ Connect with me

👨🏻‍💻  About Me

Passionate Fullstack Developer 🚀

Energetic and detail-oriented Fullstack Software Developer with a knack for design and a drive for seamless user experiences. Perfection is the standard, and staying ahead in tech trends is a habit. Team player, out-of-the-box thinker, and results-driven. Let's connect and build something great together! 💻✨

  • 🔭 I’m currently working at a startup as a Fullstack Software Developer.
  • 🚀 Building something that matters.
  • 🌱 I’m currently contributing in Fullstack Web-Development projects.
  • 👯 I’m open to collaborating on Web Development projects.
  • 💬 You can reach me at LinkedIn.
  • ⚡ Fun fact : I ❤ gradient colors.😉

⚙️  GitHub Analytics


princid


🛠  Tech Stack

C++  React Native  JavaScript  React  HTML  CSS  Figma  C  GitHub  Bootstrap  Visual Studio Code  PHP  MySQL  MongoDB  NodeJS  jQuery 


🏆  My Accomplishments

Expand...

🥇  Hacktoberfest (2022)

image

VISITOR COUNT 👀



┌∩┐(◣_◢)┌∩┐

expense-tracker's People

Contributors

amankumarsahani avatar curator69 avatar devoabhi avatar harsh-siriah avatar ignoreintuition avatar kannananil avatar princid avatar pssruthy avatar smrkarkii avatar snehil0603 avatar ts-a avatar virginielemaire avatar yashm246 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

expense-tracker's Issues

[ Enhancement ] Ask for confirmation before deleting a transaction

Currently if we click delete button for a transaction it directly gets deleted. It would be better if we could have a kind of confirmation asked from the user if they are sure about the deletion. It would prevent the user from accidentally deleting a transaction.

Confirm password in signup page

We could have an additional field for confirm password and could have a validation and comparison in the UI itself in the signup form

Screenshot 2022-10-26 at 10 35 54 PM

Creation of environment variables

This is not an issue but wanted to point out to store all the confidential URIs and SECRET_KEYS as environment variables rather than publicly exposing it in the code

image

Toggle pagination icons based on the transactions count

Currently even if there is not enough number of transactions the pagination icons will be shown in the bottom of the transactions table. It can be toggle based on the number of transactions (like only show the icon if there is more than 10 transactions).

Screenshot 2022-10-26 at 10 35 17 PM

Add rate limiter to prevent slowloris attack

A rate limiter can be added to the server so that excess requests in small time from same ip can be avoided and server does not crash.
If it seems relevant, can I work on it?

Updating Favicon & website title

Since the website was using the default React.js favicon, I have updated it with a copyright-free icon.
Additionally, I have capitalized the website title instead of it being in uppercase.

Could you please assign me this issue and add the hacktoberfest tag?

Minor Ui Changes

  1. Changing of color can be added while hovering over the links "Click here to register" and "Click here to login".
  2. Some effects should be added while hovering over the buttons like login, register and logout buttons.
  3. The spelling of expense is mistake.
    Please assign this issue to me under hacktoberfest.
    grammar
    Screenshot 2022-10-09 230444

deployment part

can anyone tell me how to deploy the backend and use it in frontend can someone tell me

Custom date range could have a default range or could prefill the last selected rage

Currently if a user selects a custom date range option it will be empty and it shows the transaction table and analytics as below.

Screenshot 2022-10-31 at 9 26 10 PM

Screenshot 2022-10-31 at 9 26 35 PM

Instead when the user selects custom date range option in the transactions table we could persist the last date range, that means if the last selected option was "Last 1 week" we could prefill the start and end date based on that or we could have a default range like last 10 days that will be prefilled on the range selector, it would improve the user experience.

[Enhancement] Field basic validation on add/edit transaction

Currently if any of the fields of the add/edit transaction form was empty while submitting the form there will be a error message shown in the top as "Something went wrong" as shown below since the backend server sends a 500.

Screenshot 2022-10-17 at 12 28 05 AM

It would be better if we could show a specific error dialog with a proper message which helps the users know which field was invalid without sending a request to the backend server.

Attaching a screenshot of the expected error dialog window

Screenshot 2022-10-17 at 12 25 00 AM

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.