Giter Club home page Giter Club logo

edocuments's Introduction

E-Invoice Tracking Application

E-Invoice Tracking Application

This is a React-based E-Invoice tracking application, offering a range of features including filtering, a comprehensive dashboard, pagination, and secure login functionality using cookies.

๐Ÿš€ Features

  1. Dashboard: The core of the application where users can view and manage invoices.
  2. Pagination: Efficient handling and display of large datasets by splitting them into manageable chunks.
  3. Filtering: Easily narrow down the list of invoices based on specific criteria.
  4. Login System: Securely manage user sessions using cookies.
  5. Login Persistence: Uses cookies to maintain a user's logged-in status even after refreshing the browser.
  6. Log Out: Provides the ability for users to securely log out, clearing their session.

๐Ÿ”ง Setup & Installation

Prerequisites

  • Node.js (v14 or newer)
  • npm (v6 or newer)

Installation Steps

  1. Clone the Repository:

    git clone https://github.com/yigitkg/eDocuments.git
    
    cd e-invoice-tracking-app
    
    npm install
    
    npm start

    This will launch the application on http://localhost:3000.

๐Ÿ“˜ Documentation

Usage

Login: Start by logging in using the provided credentials. For the sake of this demonstration, the username is admin and the password is admin123.

Dashboard: Once logged in, you'll be redirected to the dashboard. Here, you can view all the invoices and use the provided filtering options to narrow down your search.

Pagination: Navigate between different pages of invoices using the pagination component.

Log Out: You can log out from the application, which will erase the login cookie and secure your session

Code Structure

LoginForm.jsx: This component renders the login form and handles login functionality.

cookies.js: Contains helper functions to set, get, and erase browser cookies.

authService.js: Simulates an authentication service. This is where the login logic resides.

App.jsx: The main component of the application. It manages user authentication and routes. Future Enhancement

๐Ÿ“ž Contact & Support

Should you have any inquiries, issues, or suggestions, feel free to open an issue, or reach out to us directly at [email protected].

edocuments's People

Contributors

yigitkg avatar

Watchers

 avatar

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.