Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eevan7a9/social-media-frontend
Front-end only social media application using Vuejs
https://github.com/eevan7a9/social-media-frontend
Last synced: about 5 hours ago
JSON representation
Front-end only social media application using Vuejs
- Host: GitHub
- URL: https://github.com/eevan7a9/social-media-frontend
- Owner: eevan7a9
- Created: 2019-08-28T17:25:11.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T16:21:22.000Z (almost 2 years ago)
- Last Synced: 2024-11-08T09:04:42.188Z (about 2 months ago)
- Language: Vue
- Homepage: https://socialvue.netlify.app/
- Size: 2.2 MB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://cli.vuejs.org/config/).