Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pkini2002/social-media-web-app

Truffle - Social Media Website built using Django Framework as a part of Web Development Elective Mini Project
https://github.com/pkini2002/social-media-web-app

bootstrap5 css django html5 scss social-media-website

Last synced: 6 days ago
JSON representation

Truffle - Social Media Website built using Django Framework as a part of Web Development Elective Mini Project

Awesome Lists containing this project

README

        

# Social-media-web-app











Powered by Django.

### Pages

- Login Page
- Signup Page
- Create Profile Page
- Edit Profile Page
- Create Post Page
- Delete Post Page
- Update post page
- Password Reset Page
- Feed/Home page
- User Profile Page
- Search Results Page
- Post Comment Page

### Features

- Follow/Unfollow Users
- Like/Unlike the posts
- Download the post images
- Comment on user posts
- User suggestion section
- Search users through the search bar

### Tools and Techs

Backend Framework: `Django`



Front-end : `Bootstrap, SCSS, HTML,CSS, Javascript`



Database: `Sqlite3`


### Installation

1. - Fork the [repo](https://github.com/pkini2002/Social-media-web-app)
- Clone the repo to your local system
```git
git clone https://github.com/pkini2002/Social-media-web-app.git
cd Social-media-web-app
```
Make sure you have python installed on your system.
2. Create a Virtual Environment for the Project

If u don't have a virtualenv installed

```bash
pip install virtualenv
```
**For Windows Users**
```bash
virtualenv env
env/Scripts/activate
```

**For Linux Users**
```bash
virtualenv env
source env/Scripts/activate
```

If you are giving a different name than `env`, mention it in `.gitignore` first

3. Install all the requirements

```bash
pip install -r requirements.txt
```

```bash
cd socials
```

4. Make migrations/ Create db.sqlite3

```bash
python manage.py makemigrations
python manage.py migrate
```

5. Create a super user.
This is to access Admin panel and admin specific pages.

```djangotemplate
python manage.py createsuperuser
```

Enter your username, email and password.

6. Run server
```bash
python manage.py runserver


### Snapshots

**1. Signup Page**

![Signup page](https://user-images.githubusercontent.com/84091455/208101528-a448872c-6e8c-4f9e-b287-1c64a58d0c6f.png)

**2. Login Page**

![Login page](https://user-images.githubusercontent.com/84091455/208101465-29c16377-81a7-47c5-a051-c5ca103994a2.png)

**3. Home/Feed Page**

![Home Page](https://user-images.githubusercontent.com/84091455/208101566-beb72751-bfe6-4d4e-939a-09352b517206.png)

**4. Comment Display**

![Comment Display](https://user-images.githubusercontent.com/84091455/208101614-3500b844-f657-494f-b998-9bde17824aeb.png)

**5. Profile Pages**

**User Profile**

![Show Profile](https://user-images.githubusercontent.com/84091455/208101687-2ed8cc97-7e6b-4f65-b7cc-d0aaae732d14.png)

**Other's Profile**

![127 0 0 1_8000_4_profile_(Nest Hub)](https://user-images.githubusercontent.com/84091455/208229214-687fcdea-72a0-4f86-afc4-1253629006e8.png)

**6. Search Result Users Page**

![Search Result](https://user-images.githubusercontent.com/84091455/208101657-497a2549-c882-4a50-93eb-fcd261201a13.png)

**7. Create a user profile page**

![Create user profile](https://user-images.githubusercontent.com/84091455/208101772-e022f7ee-5c8f-4799-b0be-b5d43effd1d9.png)