Online Courses 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.
Online Courses section
The application has a section to view the courses available for purchase.
List of purchased courses section
The application has a section to view the list of courses purchased by the user.
Shopping Cart section
The application has a shopping cart section to make purchases for the courses.
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.
TypeScript (Source)
Version: 4.9.4TypeScript is an open-source programming language and a strict syntactical superset of JavaScript, which means that it builds upon and extends the features of JavaScript by adding optional static typing, interfaces, classes, and other features that make it more suitable for large-scale software 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.
Axios (Source)
Version: 1.4.0Axios is a popular JavaScript library used for making HTTP requests from a web browser or Node.js. It provides an easy-to-use API to send asynchronous HTTP requests to a server and handle responses. Axios supports various features such as promise-based syntax, interceptors for request and response handling, automatic JSON data transformation, and error handling.
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.
MercadoPago (Source)
Version: V2SDK MercadoPago.js V2 refers to the software development kit (SDK) provided by MercadoPago, a leading online payment platform in Latin America. The SDK allows developers to integrate MercadoPago's payment functionality into their web applications or websites. With MercadoPago.js V2, developers can securely process online payments, manage transactions, handle refunds, and perform other payment-related operations. The SDK provides a set of client-side JavaScript libraries and APIs that simplify the integration process.
SCREENSHOTS
COURSES LIST SECTION
LIST OF PURCHASED COURSES SECTION
