This is my submission for my second year's project exam at Noroff. I'ts a social media platform called Konnected, that lets the user write posts, as well as follow other user, comment and react on their posts, etc.
- Clone the repo:
git clone git@github.com:Noroff-FEU-Assignments/project-exam-2-charlottehope.git- Install the dependencies:
npm install
- Run the project locally:
npm run start
This opens the application in your browser (default port 3000): http://localhost:3000
- Username: charlotte.hope@stud.noroff.no
- Password: charlotte123
This is a school project, so no contributing is available.
This is the biggest project I've done before and it has been fun to learn more as i went on with my planning and development. It has definitely been a rollercoaster ride with both ups and down, but in the end, I am very pleased with the final product.
I wanted to keep the design as sleek and simple as possible. I think it has a natural glow that the user easily can associate with other social media platforms like Facebook, Instagram, X (Twitter), etc.
As mentioned in the intrduction, this project has been a rollercoaster. I've had many low lows, and equally many high highs. I've gone from full on mental breakdowns after trying to solve the same problem for hours, only to have an epiphany later the same evening. You can say I've had my fair share of Eureka! moments.
When it comes to the functionality, there are some tweaks i would have worked more with if I had more time. Especially the reactions on posts. I couldn't find a good way to remove the reactions again without messing up the code, and the emoji library is a little wonky. Same goes for the UI on the "Edit post" function.
I couldnt use the last week of my deadline period, due to a personal matter, so I had to deliver the project one week before deadline. If i had more time, I would also cleanup the code even more, and splitting more into separate components.
Even though there are a few things that doesn't work as optimal as I had hoped, I am overall very happy with the final result. I'm probably biased, as I've been working with it for such a long time, but from my user testings, I have gotten mostly positive feedback on both the design and the app itself. I therefore feel very pleased with the project delivery.
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.