https://github.com/enyelsequeira/social-app

This is a Vanilla Javascript App using classes to create the entire Application. It has features such as: Adding, deleting and liking a card. Server-side validation, for the forms, for entering information.
https://github.com/enyelsequeira/social-app

babel classes-and-objects client-side-validation css fetch-api html5 vanilla-js webpack

Last synced: about 1 month ago
JSON representation

This is a Vanilla Javascript App using classes to create the entire Application. It has features such as: Adding, deleting and liking a card. Server-side validation, for the forms, for entering information.

• Host: GitHub
• URL: https://github.com/enyelsequeira/social-app
• Owner: enyelsequeira
• Created: 2020-05-18T22:54:04.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T19:58:54.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T22:12:27.213Z (almost 2 years ago)
• Topics: babel, classes-and-objects, client-side-validation, css, fetch-api, html5, vanilla-js, webpack
• Language: JavaScript
• Homepage: https://enyelsequeira.github.io/Social-App
• Size: 11.5 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project: Social App 

## view only desktop. Still in process as a full-stack

### Overview

* This Project is a vanilla javascript app. The entire code base is done using Javascript classes and the app has a few functionalities described below. 

* This app uses an external Api which mean that other users can add images and like the images

* This app will consist of 3 different modals they will open accordingly one for editing the profile, one for adding an image to the DOM and one to display a bigger version of the image

* This app uses an external Api, you will need a key to use it, with this key you can manipulate what you can do in the app. Ex: The trash button will only show if the cards belong to you as a the user, you will not be able to delete other users cards 

### Functionality

* The app allows the user to change information, and add a new user avatar

* Allows users to add, delete, like. The user can only delete his own cards

* This app also allows client side authentication to correctly input the required fields. 

* It uses the fetch Api to get data accordingly.

### Images

![Image](src/images/screenshot-rocks1.png)

![Image](src/images/screenshot-rocks2.png)

![Image](src/images/screenshot-rocks3.png)

![Image](src/images/screenshot-rocks8.png)

### Technologies

* The Technologies being used in this app are: 

  * HTML, CSS

  * JavaScript Classes

  * Fetch

  * Webpack

  * Babel

 

### LINK

[Click here to see live Version --> ](enyelsequeira.github.io/social-app)