Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/niloufarmj/sbu-ie-reddit

a simple server-client reddit web application implemented with React and Node.js
https://github.com/niloufarmj/sbu-ie-reddit

express nodejs react reddit

Last synced: about 1 month ago
JSON representation

a simple server-client reddit web application implemented with React and Node.js

Awesome Lists containing this project

README

        

# IE-Project-Reddit
a simple server-client reddit web application implemented with React and Node.js
This app is kind of a social media app, people can sign up and post their favorite contents online. Also there exists some communities that are run by some admins. People can join these communities and share their posts via them. Every user can see their following communities recent posts on their home page.

## Installation

Use `npm install` to install client dependencies and server dependencies in their own folders.
To run server: `nodemon ./index.js`
To run client: `npm start`

## Sign Up

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/singup.png)

## Sign in

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/login.png)

## Home Page
![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/homepage.png)

## Community Page

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/communitypage.png)

## Community Page

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/addnewcommunity.png)

## Create Post

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/createpost.png)

## User Account

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/useraccount.png)

## User Profile

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/userprofile.png)

## User Page

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/userpage.png)

## Post

![audio](https://github.com/zahra-zibzee/IE-Project-Reddit/blob/front-end/post.png)