Social Media App

Live version - Design

Goal

Take the skills learned over the last two years and take on an extensive project where the finished product should reflect your general development capabilities, in addition to visual and technical skills.

Brief

An existing Social Media company has approached you to create a brand new front end for their application. While they have a list of required features, the design and user experience has not been specified. Working with the official API documentation, plan, design and build a modern front end social media application.

• Login page
• Registration page
• Posts list page
• Single post page
• Profile list page
• Profile user page

Login Page

User with a stud.noroff.no email can registrate.

Registration Page

Registrat new user with stud.noroff.no email or noroff.no email.

Posts List Page

View a list of posts where you can access singel post.

Single post page

View single post by id.

Profiles list page

View a list of other profiles.

Single profile page

View single post by if. Comment on posts React to post.

Registrat user can:

Update avatar and banner. Logout Comment on other posts. React to post. Follow and unfollow profiles.

Requirements

All admin functionality is managed by an existing application. This project only covers the front-end application for the API.

JavaScript framework(react >16), CSS Framework(Bootstrap, CSS Modules, Style Components, MUI or tailwind), Static Hosting(Github pages or netlify), Deisgn applicaitions(AdobeXD, figma or sketch) and planning application(trello or github projects).

How to registar new user on the app

To registar a new user it has to have a @stud.noroff.no or @noroff.no email.

Start up the project localy

First clone down the project from github.

Then open the project and run npm install in the terminal.

Next you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.