Code Monkey home page Code Monkey logo

ict-spa-teamproject's Introduction

ICT (Ideas Come Together) - SPA Team Project

Time Period:

  • 3-4 days
  • Due: 15.03.2022

ICT

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"

ict-spa-teamproject's People

Contributors

heyitsashleyhere avatar muradgm avatar snell401 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

nasimreza72

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.