$100K MRR
- Nathan Lodge
- Slater Leonardo
Social Media Web Application
Our users will be anyone who is interested in using a social media site to stay social. In reality, it will be mostly NEIT students.
- View Posts
- View Timeline
- Advanced Timeline Management
- Sort Timeline
- Filter Timeline
- Search Posts
- View Profiles
- Sign up
- Log in
- Reset Password (maybe, if we choose to use Resend for sending emails)
- Change Website Theme
- Post Management
- React to Post
- Create Post
- Edit Post
- Delete Post
- Share Post
- Reply to Post
- Add an Image to a post (up to 4)
- Add animated images (gifs)
- Video uploading (max 1)
- Rich Post Functionality
- Mentioning
- Hashtags
- Reaction List
- Other Users Management
- Follow User
- View Other User’s Followers
- Profile Management
- Add Profile Picture
- Animated Profile Pictures (gifs)
- Add Banner
- Update Bio
- Update Username / Display Name
- Update Password
- Notifications
- Get notified when another user reacts to your post
- Get notified when another user follows you
- Get notified when another user replies to your post
- Live Events
- Real-time notifications via WebSockets
- Developer Tools
- Ability to create a bot
- API access for programmatic interaction
- Profile Badges
- Admin Badge
- Follower Badges: 10+, 25+, 100+
- View All Profiles
- View Reports
- Delete Accounts
- Delete Posts
- Next.js / React
- Tailwind CSS
- TypeScript
- Socket.io Client
- Golang
- Gin
- Gorm
- Socket.io
- PostgreSQL
- Docker
- Minio S3 (maybe, for image blob storage)
- GitHub
- Cloudflare
- Resend (maybe, for emails)
- Google (maybe, for Google OAuth logins)
- Users
- Posts
- Notifications
- Relationships (Followers / Following)
- Reactions (our version of Likes)
- Shares
- Reports
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 1 |
| Slater Leonardo | 1 |
| Task | Owner |
|---|
| Completed project proposal | Both |
| Planned | Actual | Remaining Budget |
|---|
| Hours | 1 | 1 | |
| Task | Owner |
|---|
| Start designing a mockup for the prototype due Week 4 | Both |
| Complete use cases diagram | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Time management with work | Medium |
| Easter holiday | Medium |
- Running out of time to design prototype.
| Action | Responsible Person |
|---|
| Finalize what the social media platform is going to look like | Both |
| If prototype isn’t done by Week 4, continue working on it | Both |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 5 |
| Slater Leonardo | 5 |
| Task | Owner |
|---|
| Use cases diagram | Both |
| Started wireframe | Nathan |
| Planned | Actual | Remaining Budget |
|---|
| Use cases diagram | 1 hr | 1 hr | |
| Wireframe | N/A | 4 hrs | |
| Task | Owner |
|---|
| Continue wireframe | Nathan |
| Risk | Severity (High / Medium / Low) |
|---|
| Gantt chart | Medium |
| Wireframe | Low |
| Database design | Low |
| Action | Responsible Person |
|---|
| Continue wireframe | Nathan |
| Start Gantt chart | Both |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 10 |
| Slater Leonardo | 5 |
| Task | Owner |
|---|
| Start wireframe | Nathan |
| Start 10-week Gantt chart | Nathan |
| Planned | Actual | Remaining Budget |
|---|
| Hours | 10 | 10 | |
| Task | Owner |
|---|
| Complete midterm presentation | Nathan |
| Complete ERD | Slater |
| Risk | Severity (High / Medium / Low) |
|---|
| Time management with work | Medium |
| Slater’s sister’s birthday | Low |
| Action | Responsible Person |
|---|
| Continue wireframe | Nathan |
| Database design / ERD | Slater |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 7 |
| Slater Leonardo | 10 |
| Task | Owner |
|---|
| Frontend wireframe and Gantt chart | Nathan Lodge |
| ERD and database design | Slater Leonardo |
| Planned | Actual | Remaining Budget |
|---|
| Hours | 20 | 17 | 3 |
| Task | Owner |
|---|
| Activity diagram | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Time management | Low |
| Action | Responsible Person |
|---|
| Continue work on wiki | Both |
| |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 2 |
| Slater Leonardo | 5 |
| Task | Owner |
|---|
| Activity diagram | Slater |
| Continue design | Nathan |
| Planned | Actual | Remaining Budget |
|---|
| Hours | | | |
| Task | Owner |
|---|
| Class diagrams | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Family health issues | Medium |
| Nathan’s work schedule | Medium |
| Action | Responsible Person |
|---|
| N/A | |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 3 |
| Slater Leonardo | 3 |
| Task | Owner |
|---|
| Class diagram | Both |
| Keep experimenting with wiki | Both |
| Planned | Actual | Remaining Budget |
|---|
| Hours | | | |
| Task | Owner |
|---|
| Heuristic evaluation | Both |
| Improve design | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Family health issues | Medium |
| Time management | Medium |
| Action | Responsible Person |
|---|
| N/A | |
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 3 |
| Slater Leonardo | 2 |
| Task | Owner |
|---|
| Heuristic evaluation | Nathan Lodge |
| Heuristic evaluation | Slater Leonardo |
| Planned | Actual | Remaining Budget |
|---|
| Hours | 10 | 5 | 3 |
| Task | Owner |
|---|
| Activity diagram | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Time management | Low |
| Action | Responsible Person |
|---|
| N/A | |
The sidebar will have the current page you’re on highlighted and when actions are performing liked creating a post or editing your account settings, navigation and text displayed will allow users to understand where they are and that their actions went through.
The site already looks like common social media sites and has common symbols users like recognize like a magnifying glass for searching, house for home page, etc. Additionally, one of the core features of emotial are the emoji reactions which are meant to mirror real reactions people have.
Users will be able to sign out, delete their accounts, edit their posts, unreact to posts, unfollow a profile, etc. All of these are examples of a user being able to reverse their actions.
Many pages will reuse the same shared layout (navigation on the left, content in the middle, friends/trending content on the right) which is coherent. Also, typography and common cards will be built so that the app has a uniform look.
On forms like login and signup there will be danger borders and labels showing validation errors, there will able be zero states for example on search showing that their search returned no results so that users are always in the loop.
There are explicit buttons/labels for actions that may not be obvious and common elements have common interactions across pages. This will make it easy for users to recognize how to interact with elements.
The timeline and profiles will work well for both writing posts and browsing/reading posts. There will also be power user options like sorting by reaction and options like that. This adds flexibility to what users can do while meeting everyones needs.
Emotial has a simple but consistent and explicit user interface. There are buttons for common operations and dropdown menus for more complex operations. The typography is consistent across components and is easy on the eyes.
There was be clear danger borders and labels showing when an error has occurred. for example, invalid password or post text is too long. One really important one is file size too big for images/videos. If they silently fail to upload with no visual indicator that is bad.
There’s no documentation or help section yet, but we plan on having a sort of onboarding modal appear when you login for the first time that shows the common actions users can perform. Maybe we will add a support button / help section at some point too.
Emotial is a social media platform with a unique emoji reaction system, videos, animated profile pictures, and more.
| Member | Hours This Week |
|---|
| Nathan Lodge | 5 |
| Slater Leonardo | 5 |
| Task | Owner |
|---|
| Final wiki | Both |
| Final Gantt chart | Both |
| Planned | Actual | Remaining Budget |
|---|
| Hours | | 10 | |
| Task | Owner |
|---|
| Final Presentation | Both |
| Risk | Severity (High / Medium / Low) |
|---|
| Time management with other finals | Medium |
