Code Monkey home page Code Monkey logo

chatic's Introduction

Chatic

License Languages Top Language Commit Activity Last commit

Chatic is one of my longest running projects that I never got to complete. The idea was to make a Chat App/Website that functions just like WhatsApp. None of the subrepositories here contain a project that is fully functional.

Order of Editions (from oldest to newest):

Some of these repositories only have a few commits on them because I built some of these projects before I started using Git and GitHub habitually.

Motivation

I can't remember why I decided to build a chat website, but it was the first programming project I decided to take on.

Subrepositories

This is the second edition of Chatic written in Java which I tried to build before I started my education at Temasek Polytechnic. I was hoping that I could use this as a deliverable for the first semester but the requirements were for a music streaming application instead of a Chat application, hence the project was discontinued and abandoned.

This is the third edition of Chatic written in Kotlin. I decided to try rebuilding Chatic in Kotlin after my first semester at Temasek Polytechnic since I already learnt enough Java that semester and wanted to try writing an application in Kotlin. I decided to terminate this project because I wanted to use MongoDB Realm with Chatic. However, back when I was building it, the Realm Android SDK was still in Alpha and there was a serious lack of documentation and testing for it.

This Express server is part of the fourth edition of Chatic. It just served as a way I can clean up the Firestore database after doing some testing.

This is the fourth edition of Chatic written with React and TypeScript. I had high hopes that I could submit this project for my Year 2 Semester 1 web project deliverable, so I could finally finish at least one edition of Chatic. However the requirements were for me to use a Laravel server too.

This is the first edition of Chatic written in React and JavaScript. This is probably the oldest and messiest repository on my GitHub account. It was one of the first web project I worked on. It uses SocketIO and MongoDB to transport messages between the frontend and backend. The React frontend code barely uses small components for the UI. It was a mess.

This messy codebase was the reason I decided to rename ChatBubble to Chatic and made me want to rebuild it properly.

Built with

  • Android v1
    • Android
      • com.google.firebase:firebase-bom
      • com.google.android.material:material
      • com.google.android.gms:play-services-auth
      • com.google.firebase:firebase-auth
      • com.google.firebase:firebase-firestore
      • androidx.appcompat:appcompat
      • androidx.fragment:fragment
      • androidx.constraintlayout:constraintlayout
      • androidx.legacy:legacy-support-v4
      • androidx.test.ext:junit
      • androidx.test.espresso:espresso-core
    • Glide
      • com.github.bumptech.glide:glide
      • com.github.bumptech.glide:compiler
  • Android v2
    • Android
      • androidx.core:core-ktx
      • androidx.appcompat:appcompat
      • com.google.android.material:material
      • androidx.annotation:annotation
      • androidx.constraintlayout:constraintlayout
      • androidx.lifecycle:lifecycle-livedata-ktx
      • androidx.lifecycle:lifecycle-viewmodel-ktx
      • com.google.firebase:firebase-auth
      • com.google.firebase:firebase-firestore-ktx
      • androidx.navigation:navigation-fragment-ktx
      • androidx.legacy:legacy-support-v4
      • androidx.navigation:navigation-fragment-ktx
      • androidx.navigation:navigation-ui-ktx
      • com.google.firebase:firebase-storage
      • junit:junit
      • androidx.test.ext:junit
      • androidx.test.espresso:espresso-core
    • Glide
      • com.github.bumptech.glide:glide
      • com.github.bumptech.glide:compiler
  • ChatBubble Server
    • Cloud SDKs
      • cloudinary
      • mongodb
    • Miscellaneous
      • bcryptjs
      • colors
      • concurrently
      • config
      • express
      • jsonwebtoken
      • nodemailer
      • nodemon
      • socket.io
  • ChatBubble Client
    • React
      • react
      • react-dom
      • react-router-dom
      • react-scripts
    • Redux
      • react-redux
      • redux
      • redux-devtools-extension
      • redux-thunk
    • Animations
      • animate.css
      • aos
      • react-transition-group
    • Fonts
      • @fortawesome/fontawesome-free
      • font-awesome
    • Miscellaneous
      • axios
      • bootstrap
      • jquery
      • popper.js
      • reactstrap
      • socket.io-client
  • Express
    • TypeScript
      • ts-node
      • typescript
    • Miscellaneous
      • dotenv
      • firebase-admin
  • React
    • TypeScript
      • @types/luxon
      • @types/react
      • @types/react-dom
      • @types/react-redux
      • typescript
    • React
      • @babel/core
      • react
      • react-dom
      • react-router-dom
    • Material UI
      • @emotion/react
      • @emotion/styled
      • @mui/icons-material
      • @mui/material
      • framer-motion
      • notistack
    • Redux
      • @reduxjs/toolkit
      • react-redux
    • Vite
      • @vitejs/plugin-react
      • vite
    • Miscellaneous
      • fast-deep-equal
      • firebase
      • luxon
      • react-audio-player
      • react-firebase-hooks
      • react-infinite-scroll-component
      • react-player

chatic's People

Contributors

zs1l3nt avatar dependabot[bot] avatar

Watchers

 avatar  avatar

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.