Skip to content

SnyDrive25/WebDev_Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

SHARE_IT

User Manual

In this app there are a total of 6 pages you can interact with.

First of all, let's talk about the first page you see when you launch the app : the Login.

User Login Page

login page

The login is very basic and intuitive. If you already possess an account, you just need to type your pseudonym and your password and login yourself !

If you don't have an account, no worries, you just have to click on the register button to create an account.

User Registration Page

register

Here is basically the same as the login except for the fact that you also need to give a mail address to create your account.

After your registration, you will be redirected to the login where you just need to repeat the first step.

User Home Page

homepage

This is the main page of the app. From this page you can write a message to another user, write a new post, visit your profile and log yourself out. All of this by clicking on the different tabs.

User Message Page

By clicking on the tab "Message", you will find this page.

message

Here you can have a chat with a lot of other users.

// EXPLAIN HOW TO SEND A MESSAGE

User Post Page

By clicking on the tab "Write", this page will pop out.

post

Here you write the title of your post and its content and just click on "send" to publish it.

User Profile Page

By clicking on the tab "Profile", this page will pop out.

profile

Here you can see your last posts and modify your personnal informations by clicking on the "edit" button.

Lastly, by clicking on the "Logout" button, the app redirects you to the login page.

That's it for the manual user ! Have fun and SHAREIT !

Code Explanation

For this app we decided to use react.js because it perfectly matched our project and is easy to use.

This app contains a front end with the visuals and a back end with the data processing and storing.

Front

The front is a bunch of pages and components with one single form sheet. All of them are javascript files but use HTML to construct the web page and the form sheet is in CSS.

pagesAndComponents

// WORK IN PROGRESS

Back

// DON'T KNOW 'BOUT THAT

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •