2 min read

Atres Sites

Desktop view of Atres Sites

Project Description

Atres Sites is a CRUD application connected to a test API, allowing users to list websites and categorize them by channels. With a simple and functional interface, users can manage information effectively.

  • Platform: Frontend
  • Type: Aplication
  • URL: Visit Atres Sites
  • Technologies: React, Typescript, Jest, Css

Key Features:

  • 📋 Site Listing: View all available sites from the test API.
  • 🗂️ Categorization by Channels: Organize sites by specific categories to make navigation easier.
  • ✏️ CRUD Operations: Perform create, read, update, and delete actions on sites.
  • 🖥️ Interactive Interface: A clean and simple design that optimizes interaction with the app.

Technical Features

The app is developed with React for a dynamic user interface and Redux to manage the global state of the application. The simulated backend is connected via a test API for performing CRUD operations. Styles are implemented with CSS and HTML, while tests with Jest ensure code quality. Selenium is used for automating UI tests, ensuring a consistent and error-free user experience.

Development Considerations

The main challenge was creating an interactive and easy-to-use interface for managing CRUD operations while connecting to the test API. Integration with Redux enabled efficient state management, and automated tests with Jest and Selenium helped ensure the application’s stability.


Mobile View

Mobile view of Atres Sites