Show Your Work ( work in progress )

showyourwork is a social network like Pinterest . it is a single page web application using Django REST framework and React Js
Explore the docs »
Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Setting up Backend API
3. Contact

About The Project

Show Your Work is an ongoing social network project like Pinterest. it is a single page web application using Django REST framework and React Js.

• fully functional social network like Pinterest
• Used JWT and Google Oauth2 for easy and secure authentication
• Realtime chat functionality using WebSocket and Django Channels
• Twilio API for OTP authentications Google Maps places autocomplete API.

Built With

Setting up Backend API

This is a sample for Django Project.

Clone the project. This will download the GitHub respository files onto your local machine.

git clone https://github.com/Jauharmuhammed/social-network-django-server

To get this project up and running you should start by having Python installed on your computer. It's advised you create a virtual environment to store your projects dependencies separately. You can install virtualenv with

pip install virtualenv

Clone or download this repository and open it in your editor of choice. In a terminal (mac/linux) or windows terminal, run the following command in the base directory of this project

virtualenv venv

That will create a new folder env in your project directory. Next activate it with this command on mac/linux:

source venv/bin/active

Then install the project dependencies with

pip install -r requirements.txt

Apply migrations and create your database

python manage.py migrate

Create a user with manage.py

python manage.py createsuperuser

Now you can run the project with this command

python manage.py runserver

Frontend setting up

Frontend Instructions (Create React App)

---> Navigate to the frontend/ directory

cd frontend

---> Install the project dependencies

npm install

---> Start the development server on localhost:3000

npm run start

---> Open your browser and navigate to either http://localhost:3000 or http://127.0.0.1:3000

Screenshots

Landing Page

Login Page

Profile

Post Page

Saved Posts

Collection

Messages

Private Chat

Notifications

Contact