Project LogoT H E   E X H I B I T

Web link   |   GitHub

Description:

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 facts about THE EXHIBIT:

  • It was build within only 8 days.
  • Combined amount of hours the Software Engineer team put in are estimated at least 330 hours.
  • The entire code base have at least 10,000 line of code as of due date.

Group info and Roles:

Our group consist of 6 members: 3 developer, and 3 designers

    The Developer

  1. Josh Nguyen: GitHub Manager, Documenter, Images and Logo, Styling, Wireframe, Routing, Component, Functionality, Authorization
  2. Lu Ye: Task Manager, Styling, Wireframe, Routing, Component, Functionality, Authorization
  3. Janusshan Paramasivam: Database Manager, Authentication, Styling, Wireframe, Routing, Component, Functionality, Authorization

    The Designer

  1. Linette Yang: Wireframe, User Flow, Style guild, Prototype, Competitive analysis
  2. Paula Abejero: Wireframe, User Flow, Style guild, Prototype, Competitive analysis
  3. Paulo Saromo: Wireframe, User Flow, Style guild, Prototype, Competitive analysis

Technologies used:

HTML5

CSS3

Javascript

  React

  Node.js

express  Express

  MongoDB

  AWS

  WebSocket

figmaFigma

whimsicalWhimsical

trelloTrello

lucidLucid

herokuHeroku

Git

GitHub

  VS Code

  Terminal

Reviews:

Home page where you can view all students's projects

review image 1

A detail page of one project where you can view detail, see contributor, comment, ...

review image 2

Your profile page where you can see your projects, favorite projects, ...

review image 3

Your profile page where you can see your detail information.

review image 4

Here you can edit your profile detail

review image 6

You can dinamically upload new project to the website

review image 5

Our ERD Model

erd image

User flow diagram

user flow image

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.

Key learnings:

  • 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

Ice Box, Next Step:

  • 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

License:

Distributed under the MIT License.

Contact:

Developer:

Designer:

Contact me at

Toronto, ON, Canada

(647) 581 - 6621

joshnguyentoronto@gmail.com

JoshNguyenToronto-Resume.pdf  ❯

Get in touch