social-media-frontend

Is a Social Media Application.

Social media are interactive computer-mediated technologies that facilitate the creation and sharing of information, ideas, career interests and other forms of expression via virtual communities and networks.

Reminder

This is a Frontend Only application. and we are using Json placeholder to give us Fake Api

Social-media-frontend a front-end only application is written in a sort of way to mimic a fullstack application for demo purpose only

Json placeholder?

https://jsonplaceholder.typicode.com/

we are using this repo to serve api source for our data

https://github.com/eevan7a9/social-media-db

What can You do?

As a visitor -

• You can view Posts
• You can see Comments
• You can view users profile
• You can Register and Sign in

As a Registered, Signed in user -

• You can view Posts
• You can create new Post
• You can edit your Posts
• You can delete your Posts
• You can see Comments
• You can write Comments to Posts
• You can edit your Comments
• You can delete your Comments
• You can give Stars to Posts you like
• You can remove Stars to Posts you unlike
• You can view users profile
• You can follow other user you like
• You can filter posts

Technology

• HTML5
• CSS 3
• Javascript
• Vuejs 2 - Javascript Framework
• Vuex - State Management
• Vue Router - Routing
• Axios - HTTP requests
• SweetAlert2 - A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes
• JSONPlaceholder - a free online REST API that you can use whenever you need some fake data.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.