Project 7 - Build a full stack solution

Overview

This is the final project from my web develoment course. In short it is a Reddit style social media platform for employees of a company to share photos and comments, as per the below scenario. The frontend was built using ReactJS and the backend is Express and Sequelize.

Instructions

To run project on localhost:

Frontend

- "npm run start" from 'Project 7' top level folder.

Backend

- "nodemon server" from 'project7/back'.

Tech Stack

- ReactJS
- React-Bootstrap
- Bootstrap
- HTML5
- CSS3
- Sass
- Express
- Sequelize
- SQLite3
- Multer

Scenario

You’ve been hired at CONNECT-E, a small agency of about a dozen employees, including three project managers, four developers, a graphic designer, two salespeople, a marketing strategist, and the director, who started the agency eight years ago.

Your director, Stephanie, invites the entire agency for a drink to celebrate some good news! She has just signed a contract for a new ambitious project! 🥂

The client in question is Groupomania, a large group and one of the most loyal clients of the agency.

The project will be to build an internal social network for Groupomania's employees. The goal of this tool is to facilitate more interaction between colleagues. Groupomania's HR department has envisioned two applications for promoting exchanges between colleagues. Otherwise, they’re allowing for a lot of flexibility regarding the functionalities of the network.

Stephanie describes the proposed apps, and you realize that these are spin-offs of products that already exist:

• 9GAG, because they want employees to share and comment on gifs with other colleagues.
• Reddit, because they want employees to write and/or share articles with colleagues on topics of interest to them.

Stephanie puts you in charge of the project. You’ll need to analyze the client’s needs and develop an initial functional version. She explains that she’ll send you further details.

Shortly thereafter, you receive the following email from her:

From: Stephanie J
To: Me
Subject: Groupomania app details

Hello,

Glad to have you on this exciting new project!

I was able to get Groupomania’s HR manager to agree to have a Groupomania employee test a minimal version of the tool with only one of the two apps. The benefit on their end is that this will promote the adoption of the tool internally. The benefit on our end is that this will ensure we’re on track with their expectations before we jump into developing the second app. So you’ll need to deliver an initial functional version of just one of the two apps they’ve envisioned. Feel free to choose whichever of the two interests you more, but let me know your decision asap.

Attached you’ll find Groupomania’s user requirements specifications detailing the minimum features expected for each app. They’ve also provided a file with the company's logos.

Please note that Groupomania expects the application to meet high standards of security and accessibility. The only other constraint to be aware of is that they currently use SQL for their data store. As for the front-end, you should use React as it's the framework they use for most of their applications.

Since the project parameters seem to be in flux, I think taking an agile approach would be the best suited, allowing us to react efficiently to any feedback we get from the client during the project lifecycle. I recommend using a kanban tool like Trello to plan and estimate the time you’ll need for each of your tasks and track the project’s progress. Once you have a functional version of an app ready, I’d like to briefly discuss how you managed your tasks so that I can start getting a sense of your workflow.

If you have any questions, don’t hesitate to reach out!

Stephanie J Director CONNECT-E

Attachments:

User Requirement Specifications

You have everything you need to start planning and familiarizing yourself with Groupomania’s needs. You’re ready to dive in!