heyitsashleyhere / ICT-SPA-TeamProject

Ideas Come Together is an SPA team project

ICT (Ideas Come Together) - SPA Team Project

• This is a team project for our ReactJS module in our webdev program.
• ICT is an app to help users document their ideation.
• Project planning overview with Excalidraw
• Layout display on Figma

Time Period:

• 3-4 days
• Due: 15.03.2022

NOTE: It's not responsive, please view in full screen (NO BOOTSTRAP)

What we currently achieved:

• Social (users can interact: commenting)
• Upload images, text and other mediums
• Private/Public post options

Plans for the future?

• Drag/drop posts
• Brainstorming/mood boards
• Chat area and see which users are online
• Produce a story (ideation) by setting start/end date

References we used:

• Now : Twitter, Instagram
• Future: Trello, Jira
• Differences we will have: Not to be a to-do list or tasks management app Just to document/mapping thought process

Members:

• Ashley:

  • Merge and resolve conflicts and broken codes
  • Cleanup codes
  • Set localStorage
  • Login/Register Components
  • Profile Component
  • Routing

• Murad

  • Routing
  • UserDashboard Component
  • UserSetting (password change - theme change)
  • Popup for CreatePost component
  • Animations

• Ivo

  • Posts, Users API
  • Moments Component
  • CreatePost and ConfirmPost components
  • Styling all components (aka inline style exterminator)
  • Figma designer

• Darren

  • Refactor styles into Global Style Sheets (SASS)
  • Search Bar component

Some Modules/Packages/Libraries we used:

• Animation: framer-motion": "^6.2.8"
• Date/Time: moment": "^2.29.1"
• lodash: ^4.17.21", -----> work with JS (arrays, objs)
• Navigation: react-router-dom": "^6.2.2"
• Styling:
  • "react-icons": "^4.3.1"
  • sass": "^1.49.9"
  • styled-components": "^5.3.3"
  • webfontloader": "^1.6.28" -----> to import font families
• ID generators:
  • uuid": "^8.3.2"
  • nanoid": "^3.3.1"
• web-vitals": "^2.1.4"