Frontside of my app called clonebook

Table of contents

• General info
• Techstack
• Setup
• License
• Quick view

General info

Clonebook app is a web project. Its goal is to imitate some of facebook features like creating posts, adding friends etc. Its design should look similar to facebook.

Techstack

• React
• Next.js
• Typescript
• Chakra UI
• Graphql
• urql

Setup

1. Clone the repo
2. Open a terminal in the cloned repo directory and type yarn to download all needed deps
3. Run yarn dev
4. Open localhost:3000 in your browser Hint: You need to clone also backend repo and run it to get full content.

License

You can check out the full license here

This project is licensed under the terms of the MIT license.

Quick view

Home page of fb-clone includes posts, stories and quick access to everything else.

You can create posts with images, tag friends, and express your emotions :D

Posts are displayed in home page. You can react on them as well as commet.

You can see your profile, change profile pic and banner.

You can create stories. There is multiple background choose and different headlines. You can also create story with image.

See stories of your friends :D

Receive notifications from your friends

That's all for now. This project took me so long, that I really want to show how much effort a gave it.