/Semli

A simple social-network web app built for educational purposes.

Primary LanguageTypeScriptOtherNOASSERTION

SEMLI - A simple social app

Semli is a simple social app built for educational purposes. It's based on React with a responsive design and minimalistic functionality. I decided to build it right after finishing a TypeScript course at Codecademy to solidify my existing knowledge and learn some additional ones.

Functions

  • Login using Google account
  • Post with hashtags
  • Hashtag search
  • Like/unlike post
  • Add profile picture

Technologies used

HTML5 CSS3 CSS3 TypeScript React React Router NPM Firebase GitHub Styled Components

I decided not to build this project using Redux to get more practice using existing hooks and custom ones. Using Redux for this project would also be unnecessary due to it's simplicity.

Live version

If you want to take a look at the project, simply visit semli-38800.web.app.

Comment

There are multiple parts of the applications that can be improved and functions to be added. However, since this was for educational purposes, I decided to not dive too deep into this.

The rules used for Firebase are available in the files firestore.rules and storage.rules.