Your class project will be to create your own social network that includes at least the following features:

Think about a social network idea.
Register the domain name.
Design the layout of the social network.
Create a sign up, sign in and forgot password pages.
Create a profile page.
Profile picture upload option.
Posting images and videos option.
Tagging users on posts.
Adding hashtags to the posts.
Following users.
Create a feed where you can view the posts of the followings.
Liking posts.
Setting up push notifications for liking, following and tagging users.
Make app to be installed on devices.
Writing privacy policy, terms of use and cookies.

Then, post your social network link on the project's page so we can visit your social network.

The file (attached) contains all the libraries, javascript, css, manifest and service workers which will help you to develop the social network app. It also includes some important php functions and patterns.

Following are the tools I have used to develop my social network, you can use them too:

♦ TOOLS ♦

Open Source Vector Icons → https://remixicon.com
Online Image Vectorizer → https://www.vectorization.org/
Vector Paint & SVG Editor → https://vectorpaint.yaks.co.nz/
XAMPP 1.8.1 → https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.8.1/
Notepad++ → https://notepad-plus-plus.org/downloads/
CSS Minify → https://www.uglifycss.com/
Unminify JS, CSS, HTML → https://unminify.com/
Get $100 in credit over 60 days! (digitalocean.com) → https://m.do.co/c/bca184cafecb
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine → https://nodejs.org/en/
FileZilla → https://filezilla-project.org/
CSS Sprites Generator → https://www.toptal.com/developers/css/sprite-generator/
The Easiest Way to Preview and Generate Open Graph Meta Tags → https://www.opengraph.xyz
Google Hosted Libraries → https://developers.google.com/speed/libraries
RegExr: Learn, Build, & Test RegEx → https://regexr.com/
Parse User Agents → https://developers.whatismybrowser.com/
W3Schools Online Web Tutorials → https://www.w3schools.com/
PuTTYgen is a key generator tool for creating pairs of public and private SSH keys → https://www.puttygen.com/
TeraTerm is an opensource terminal emulator → https://osdn.net/projects/ttssh2/releases/
HTAccess Guide → http://www.htaccess-guide.com/
Firebase helps you build and run successful apps → https://firebase.google.com/
Service Workers → https://frontendian.co/service-workers
Analyzing URLS → https://gtmetrix.com
Google Search Console → https://search.google.com/search-console/about
Google Analytics → https://analytics.google.com
A Complete Guide to Flexbox → https://css-tricks.com/snippets/css/a-guide-to-flexbox
Gimp 2.8.14 → https://www.filepuma.com/download/gimp_2.8.14-6633/

Jack D.

Founder of cato.social

1

1

Company

Community

Teaching

Mobile

Company

Community

Teaching