Giter VIP home page Giter VIP logo

reddit-replica-frontend-copy's Introduction

Read-it FE


๐Ÿ“ Table of Contents

About

  • A Project that mimics the Frontend part of reddit.
  • Reddit is a social news aggregation, content rating, and discussion website. Registered users (commonly referred to as "Redditors") submit content to the site such as links, text posts, images, and videos, which are then voted up or down by other members. Posts are organized by subject into user-created boards called "communities" or "subreddits". Submissions with more upvotes appear towards the top of their subreddit and, if they receive enough upvotes, ultimately on the site's front page. Reddit administrators moderate the communities. Moderation is also conducted by community-specific moderators

Screen Video from the Website:

Login

SW1.mp4

Add Comment

SW2.mp4

Create Post

SW3.mp4

User Page

SW4.mp4

User Settings

SW5.mp4

Messages and Notifications

SW6.mp4

Leadeboard and Subreddit Page

SW7.mp4

Moderation Page

SW8.mp4

Searching and Share Post

SW9.mp4

Drive Link:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

website Features:

  • Authentication
  • Create, update, share and delete posts and comments.
  • create all types of post(text, link, drag and drop one image or more, drag and drop video).
  • Upvote/downvote posts and comments.
  • Nested comments threading.
  • Home page feed (front page).
  • Subreddit specific feed.
  • Create subreddits.
  • Join subreddits.
  • Add ban, mute, approve, and invite user to be a moderator of my subreddit.
  • Accept invitation of user to become moderator.
  • See trafic status o my subreddit.
  • view my posts, comments, history, ... in my page.
  • change my avatar, and add banner.
  • ... and more!

Main commands for running the Project:

Project setup & installing packages

npm install

Compiles and hot-reloads for development

npm run serve

Runs the project by default on port:8081

Compiles and minifies for production

npm run build

The project is found in a /dist folder under the same directory after building

Run your unit tests

npm run test

This command runs all the unit tests.

Generating coverage report

npm run coverage

This command generates a coverage report index.html including details about all components The generated coverage report is found in the project directory under /coverage

Run mock server

npm run json

Runs on port:3000

Generate Functional documentation report

vuese gen

To generate the report under /website folder in the project directory

Generate Functional documentation report for store

npm run jsdoc

To generate the report under /out folder in the project directory

Lints and fixes files

npm run lint

Prettier files and fixes it

npm run prettier

Contributors

Asmaa Adel
Asmaa Adel
Menatalh Hossamalden
Menatalh Hossamalden
norhan reda
norhan reda
HodaGamal
HodaGamal
abdalhamedemad
abdalhamedemad
Karim Saqer
Karim Saqer

reddit-replica-frontend-copy's People

Contributors

abdalhamedemad avatar asmaaadel0 avatar hoda233 avatar karimsaqer avatar mennatalhhossamalden avatar norhanreda avatar waer1 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.