https://github.com/opifexm/kekstagram

A web application that allows users to view and edit images, apply filters, and manage comments.
https://github.com/opifexm/kekstagram

api asynchronous-programming css3 dom es6 html5 javascript modular-design nouislider pristine

Last synced: about 2 months ago
JSON representation

A web application that allows users to view and edit images, apply filters, and manage comments.

• Host: GitHub
• URL: https://github.com/opifexm/kekstagram
• Owner: opifexM
• Created: 2023-07-30T15:38:36.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-31T17:57:16.000Z (over 1 year ago)
• Last Synced: 2024-04-24T06:20:45.657Z (8 months ago)
• Topics: api, asynchronous-programming, css3, dom, es6, html5, javascript, modular-design, nouislider, pristine
• Language: JavaScript
• Homepage:
• Size: 2.15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
[![Node CI](https://github.com/opifexM/Kekstagram/actions/workflows/check.yml/badge.svg)](https://github.com/opifexM/Kekstagram/actions/workflows/check.yml)

[![Qodana Code Quality](https://github.com/opifexM/Kekstagram/actions/workflows/qodana_code_quality.yml/badge.svg)](https://github.com/opifexM/Kekstagram/actions/workflows/qodana_code_quality.yml)

[![Maintainability](https://api.codeclimate.com/v1/badges/8067eede78ffecbdbab0/maintainability)](https://codeclimate.com/github/opifexM/Kekstagram/maintainability)

# Kekstagram

Kekstagram is a web application that allows users to view and edit images, apply filters, and manage comments. It's built using modern JavaScript features and techniques.

## Features

-   Image Viewing

-   Fullscreen Viewer

-   Image Editing and Filtering

-   Comment Management

-   Error Handling

-   API Integration

## Technologies

-   JavaScript (ES)

-   HTML5

-   CSS3

## File Structure

### Main Entry Point

-   `main.js`: Initializes the application, fetches image data, and sets up the main components.

### API Integration

-   `api.js`: Contains functions for fetching data from the server.

### Constants

-   `constants.js`: Defines constant values used throughout the application.

### Error Handling

-   `global-error-form.js`: Manages global error display.

### Fullscreen Viewer

-   `fullscreen.js`: Handles the fullscreen view of images and comments.

-   `constants.js`: Defines constants specific to the fullscreen viewer.

-   `dom-elements.js`: Exports DOM elements for the fullscreen viewer.

### Image Form Validator

-   `validator.js`: Contains the main logic for image form validation.

-   `constants.js`: Defines constants for image form validation.

-   `dom-elements.js`: Exports DOM elements for image form validation.

-   `utils.js`: Utility functions for image form validation.

-   `validator-rules.js`: Defines validation rules and configurations.

## Usage

Start the development server:

bashCopy code

`npm start`

Build the project for production:

bashCopy code

`npm run build`

## License

This project is licensed under the ISC License.