To take the skills learned over the last two years and take on an extensive project where the finished product should reflect the candidate's general development capabilities, in addition to visual and technical skills.
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.
All admin functionality is managed by an existing application. This project only covers the front-end application for the API.
The API you are using for this project can be found under Social EndPoints in the Noroff API documentation.
The client has specified the following requirements in the form of User Stories:
- A user with a
stud.noroff.noemail may register - A registered user may login
- A registered user may update their avatar and banner
- A registered user may logout
- A registered user may view a list of
Posts - A registered user may view a list of
Profiles - A registered user may view a single
Postbyid - A registered user may view a single
Profilebyname - A registered user may create a
Post - A registered user may update a
Postthey own - A registered user may delete a
Postthey own - A registered user may create a
Commenton anyPost - A registered user may
reactto anyPostwith an emoji - A registered user may
followandunfollowanotherProfile
The company CTO has set the following technical restrictions:
- Must use an approved
JavaScript Framework - Must use an approved
CSS Framework - Must be hosted on an approved
Static Host - Must use an approved
Design Application - Must use an approved
Planning Application
The Product Owner has requested links to the following:
- A Gantt chart for project timing
- A design prototype
- A style guide
- A kanban project board
- A repository link
- A hosted application demo link
This list covers libraries and services that have been vetted by the company and approved for use.
- React (>16)
- Bootstrap (>5)
- Tailwind (>3)
- MUI (>5)
- Styled Components
- CSS Modules
- GitHub Pages
- Netlify
- Adobe XD
- Figma
- Sketch
- Trello
- GitHub Projects
Include the required links in the Moodle delivery window using this template format.
All final changes must be merged into the default branch main or master. Other branches will not be checked.
Ensure that the readme.md file describes your project thoroughly, including how to setup and run the project locally and any special instructions for testers.