The Exhibit: An App Where Everyone Can Share Their Projects

THE EXHIBIT

Share your project with the world!


Web link:

THE EXHIBIT


About:

THE EXHIBIT is a group project which ideas originally came from the needs of sharing student’s projects to showcase to the world.   THE EXHIBIT is the place where we can Learn new things, get ideas for your next projects, help others to improve and meet potential employer.   THE EXHIBIT was created by three students: Lu Ye, Janusshan Paramasivam, and Josh Nguyen, and was build completely by them. With the help of three design students from GA’s UXDI course: Linette Yang, Paula Abejero, Paulo Saroma; the app was build from scratch to finish in just one week.   This collaborate project helps us the SEI and UXDI students to gain direct experience that is relevant to our future carrer.     Interesting fact about THE EXHIBIT:

  • It was build within only 8 days.
  • Total amount of hours the SEI students put in are estimated at least 250 hours.
  • The entire code base has at least 10,000 lines of code as of due date.


Review:


Usage:

  1. Everyone can come and use our app without having to sign up for an account. However, in order to use all the features, we recommend user to log in or sign up.
  2. On the home page, we can see all the projects from users.
  3. We can filter and sort the projects by their tools, languages, and author name, ect.
  4. We can view, like, save, and comment on a specific project.
  5. We can also view other users’ page as well to see if they have more cool projects to showcase.
  6. If we want to contact other users, we can send a direct message to them in realtime.
  7. We can go to the upload page and create a project easily as we have instructions for each input field.
  8. Finally, we can go to our profile page to see our profile info, edit our background image, view projects that we created, view projects that we liked or saved.


Meet the Developer:

Name Roles
Lu Ye Task Manager, Styling, Wireframe, Routing, Component, Functionality, Authorization,
Josh Nguyen GitHub Manager, Documenter, Images and Logo, Styling, Wireframe, Routing, Component, Functionality, Authorization,
Janusshan Paramasivam Database Manager, Authentication, Styling, Wireframe, Routing, Component, Functionality, Authorization,


Meet the Designer:

Name Roles
Paula Abejero Wireframe, User Flow, Style guild, Prototype, Competitive analysis
Linette Yang Wireframe, User Flow, Style guild, Prototype, Competitive analysis
Paulo Saromo Wireframe, User Flow, Style guild, Prototype, Competitive analysis


Languages and Tools:

Visual Studio Code

Version control Git

GitHub

Zsh

HTML 5

CSS 3

JavaScript

React

Node.js

Express

MongoDB


Technologies:

Tasks Manager – Trello Board

Database Model – Lucid Chart

Wireframe and Prototype – Figma + Figjam


User flow:


Entity Relationship Diagram:


Icebox:

  • Save project as a draf when creating a project
  • Notification feature
  • Enable edit project
  • Enable delete project
  • Instant messaging between group of users
  • GitHub intergration to enable cloning GitHub repository directly from our website
  • Light and dark mode toggle
  • Google and GitHub authentication

Key Learning:

  • React is a very powerful and dynamic tool, but we have to do it “The React Way”.
  • In React, state and props management is important.
  • Component management is the key.

Challenges:

  • Creating a fully functional app in a small amount of time takes a lot of effort.
  • The newest version of React and React Router required to use functional component for many features, and it makes class based component difficult to work with

License:

Distributed under the MIT License.


Contact:

Developer: Lu Ye Josh Nguyen Janusshan Paramasivam

Designer: Linette Yang Paula Abejero Paulo Saromo

GitHub

View Github