https://github.com/stepasha419a/ducks-tinder-client

Tinder clone, application that helps you meet new people using matching, liking matches and finally chatting with them
https://github.com/stepasha419a/ducks-tinder-client

axios feature-sliced-design fsd react redux redux-toolkit scss socket-io socket-io-client typescript

Last synced: 2 months ago
JSON representation

Tinder clone, application that helps you meet new people using matching, liking matches and finally chatting with them

• Host: GitHub
• URL: https://github.com/stepasha419a/ducks-tinder-client
• Owner: Stepasha419a
• License: mit
• Created: 2022-06-13T12:48:24.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-29T18:36:47.000Z (5 months ago)
• Last Synced: 2024-08-29T20:52:14.453Z (5 months ago)
• Topics: axios, feature-sliced-design, fsd, react, redux, redux-toolkit, scss, socket-io, socket-io-client, typescript
• Language: TypeScript
• Homepage: https://ducks-tinder-client.vercel.app
• Size: 8.78 MB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ducks Tinder

Ducks Tinder is a Tinder clone project

## Available Scripts

- `npm run dev` - runs the app in the development mode (default port is 3000);

- `npm run demo` - runs the app in the development mode with mocks (default port is 3000);

- `npm run build` - builds the app;

- `npm run preview` - previews the builded app before (default port is 3000);

- `npm run prettier` - runs prettier check;

- `npm run prettier:fix` - runs prettier check with fix;

- `npm run lint` - runs eslint;

- `npm run lint:fix` - runs eslint with fix;

- `npm run storybook` - runs storybook in the development mode (default port is 6006);

- `npm run storybook:test` - runs storybook tests (run `npm run storybook` in the background for testing);

## Demo

You can check online demo on [vercel deployment](https://ducks-tinder-client.vercel.app/) or run it by yourself using npm run demo

- `npm i` to install dependencies

- `npm run demo` to run the app in the development mode with mocks (default port is 3000);

## Development

- `npm i` to install dependencies


  in progress...

## Feature-Sliced Design

Frontend implements [Feature-Sliced Design](https://feature-sliced.design/) architectural methodology with some differences:

- `app` layer has more explicit slices like `store`, `styles` etc;

- `pages` layer is collection of standalone pages (f.e. page could have its own lib);

- `widgets` layer is collection of standalone widgets (f.e. widget could have its own lib);

- `features` layer also implement this division;

- `entities` layer is divided by 'main domain' folders;

- `shared` layer has more explicit slices like , `assets`, `api` etc;