mohammed-taysser / circle

Circle is a social media app that allows users to connect with friends and family members from all over the world. With Circle, users can share photos, videos, and messages with their friends, as well as join groups based on their interests and hobbies.

Circle

For developers, please refer to the docs for more information.

Live demo links:

• 
• 

Features 🎮

• Modern and responsive layout
• Fully responsive with Modern Design
• Use Redux with redux-toolkit Store
• Designed with progressive enhancement in mind.
• Written in TypeScript with predictable static types.
• Use tailwindcss, there should be minimal need for any custom CSS.
• Format numbers with millify
• Lint using Eslint
• Format dates with dayjs
• Improve SEO for each page
• Dark mode support 🌓

Quick start 🚀

First Step

Download the files from releases or clone it using git version control:

git clone https://github.com/Mohammed-Taysser/circle.git

Second Step

Inside the 'circle' directory, install the dependencies by running the following command:

yarn
# OR
npm install

Last Step

Start the development server by running the following command:

yarn dev
# OR
npm run dev

Resources ☁️

• Gradients

Contribution 🖐️

• Fork it!
• Create your feature branch: git checkout -b feature-name
• Commit your changes: git commit -am 'Some commit message'
• Push to the branch: git push origin feature-name
• Submit a pull request 😉

License 📜

MIT © Mohammed Taysser