https://github.com/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.
https://github.com/mohammed-taysser/circle
dayjs eslint millify react redux redux-toolkit scss tailwindcss typescript vitejs
Last synced: about 1 year ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/mohammed-taysser/circle
- Owner: Mohammed-Taysser
- License: mit
- Created: 2023-04-20T00:38:43.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-01T23:03:38.000Z (about 1 year ago)
- Last Synced: 2025-04-02T00:19:44.897Z (about 1 year ago)
- Topics: dayjs, eslint, millify, react, redux, redux-toolkit, scss, tailwindcss, typescript, vitejs
- Language: TypeScript
- Homepage: https://circle-react.vercel.app/
- Size: 15.1 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG
- License: LICENSE
Awesome Lists containing this project
README
# [Circle][vercel-live]
For developers, please refer to the [`docs`](DOCS.md) for more information.
Live demo links:
- [][vercel-live]
- [][netlify-live]
[vercel-live]: https://circle-react.vercel.app/
[netlify-live]: https://circle-react.netlify.app/
## 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`](https://github.com/Mohammed-Taysser/circle/releases) or clone it using **git** version control:
```shell
git clone https://github.com/Mohammed-Taysser/circle.git
```
### Second Step
Inside the 'circle' directory, install the dependencies by running the following command:
```shell
yarn
# OR
npm install
```
### Last Step
Start the development server by running the following command:
```shell
yarn dev
# OR
npm run dev
```
## Resources ☁️
- [Gradients](https://gradients.app/en/shades/24de3e)
## 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](https://github.com/mohammed-Taysser/)