artemshchirov / around Public

Notifications You must be signed in to change notification settings
Fork 0
Star 2

📙 Interactive image gallery created during the web development course

artemshchirov.github.io/around/

2 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 105 Commits
src		src
.gitignore		.gitignore
.nojekyll		.nojekyll
README.md		README.md
babel.config.js		babel.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
webpack.config.js		webpack.config.js

Repository files navigation

Around

Have a look at the project on GitHub Pages

https://artemshchirov.github.io/around/

Project Description

It is a web page showing a user's information and photos they have uploaded from Around

Functionality

Adding new cards to the grid
Deleting cards created by the user
Editing user profile information
Form validation on the client side
Communication with external API to fetch and patch/delete data

Technologies used

Adaptive layout using flexbox and grid positioning
Nested file structure according to BEM methodology
Asynchronous JavaScript
Object oriented programming
DOM API
Fetch API
Webpack
Browser form validation

Some of the skills used are

Working with Figma
Developing an interface for different layouts
JavaScript variables and variable types
Declaring and calling functions
Working in DOM
Selecting elements using querySelector
Working with CSS classes using the className property and toggle method
Controlling content with textContent properties
Reacting to events with addEventListener
Adding information to an array
Element cloning
Template cloning
Event handling
Object Oriented Programming
Modular JavaScript
Installation of Webpack and Babel

Further improvements

the project was refactored using react (link to the repository) and the backend was written for it (backend repository).