Services Payments API Frontend
FEATURES
Sign in and sign up
The application has a forms for user sign in and sign up.
Route protection
If the user is not authenticated and wants to go to any route, the application redirects you to the login route.
Services section
The application has service creation and update forms for the admin user.
Payments section
The application has a payments section which displays the logo and name of the service, the payment date, and the amount.
Expirated payments section
The application has a expirated payments section which displays the logo and name of the service, the payment date, the amount and the penalty fee amount.
TECHNOLOGIES
React (Source)
Version: 18.2.0React is a popular JavaScript library for building user interfaces (UIs) in web and mobile applications. It was developed by Facebook and released as an open-source project in 2013. React allows developers to build complex UIs from simple and reusable components. It uses a declarative programming style that allows developers to describe how the UI should look and behave, and automatically updates the view when changes are made to the underlying data. React has become very popular in the web development community due to its performance, flexibility, and large ecosystem of tools and libraries.
Vite (Source)
Version: 4.1.0Vite.js is a build tool and development server designed to optimize the development experience for modern web development frameworks such as React, Vue, and Svelte. It leverages native ES modules in the browser to enable fast development server startup times, quick rebuilds, and a more efficient production build process. Vite.js also offers features such as hot module replacement, automatic code splitting, and a plugin system for extending its functionality. It has gained popularity in the React and Vue communities as an alternative to tools like Create React App and Vue CLI.
JavaScript (Source)
Version: ES12JavaScript is a high-level, dynamic, interpreted programming language that is commonly used for creating interactive web applications. It was created by Brendan Eich at Netscape in 1995 and has since become one of the most widely used programming languages in the world. JavaScript allows developers to add interactivity, animations, and dynamic content to web pages, and it can also be used for server-side programming with the help of Node.js. It is a versatile language that can be used for a wide range of applications, including web and mobile app development, game development, and desktop application development.
Tailwind CSS (Source)
Version: 3.2.7Tailwind CSS is a utility-first CSS framework that provides pre-defined CSS classes that you can use to quickly style your HTML elements without having to write custom CSS. With Tailwind, you can create complex and responsive layouts using classes like flex, grid, border, text, bg, and more. Tailwind is highly customizable and allows you to configure color palettes, typography, spacing, and other design properties. It is commonly used in modern web development for its simplicity, flexibility, and speed of development.
Sweet Alert 2 (Source)
Version: 11.7.5SweetAlert is a JavaScript library that provides beautiful and customizable alert and modal dialog boxes for web applications. It enhances the user experience by offering stylish and interactive alerts with various customization options. SweetAlert is commonly used as a replacement for the default browser alert function, allowing developers to create more visually appealing and user-friendly alerts. It supports features like custom icons, buttons, animations, and input fields, making it a popular choice for displaying messages, confirmation dialogs, and other types of notifications in web applications.
SCREENSHOTS
PAYMENTS SECTION
EXPIRATED PAYMENTS SECTION
PAYMENTS CREATION SECTION
