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.no
email 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
Post
byid
- A registered user may view a single
Profile
byname
- A registered user may create a
Post
- A registered user may update a
Post
they own - A registered user may delete a
Post
they own - A registered user may create a
Comment
on anyPost
- A registered user may
react
to anyPost
with an emoji - A registered user may
follow
andunfollow
anotherProfile
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.