https://github.com/nemanjam/curious-cat

Curiouscat clone in Material-UI.
https://github.com/nemanjam/curious-cat

Last synced: about 1 year ago
JSON representation

Curiouscat clone in Material-UI.

• Host: GitHub
• URL: https://github.com/nemanjam/curious-cat
• Owner: nemanjam
• Created: 2019-07-19T20:46:35.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-29T10:55:28.000Z (almost 7 years ago)
• Last Synced: 2025-02-05T22:46:49.555Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://f1u1t.csb.app/
• Size: 1.41 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Curious Cat clone

This is UI clone of [curiouscat.me](http://curiouscat.me) website based on the Tweeper template from premium Material-UI themes. It is made for educational purposes only.

## Demo and Codesandbox

Live **[demo](https://f1u1t.csb.app/)** and **[Codesandbox](https://codesandbox.io/s/github/nemanjam/curious-cat)**.

## Features

* UI based on Material-UI

* Fully responsive website

* Social, Discover, Communities, Profile, Inbox and Notifications pages

* Layout using `Grid` and `Hidden` components

* Integrated routing with top and bottom `AppBar` with `Tabs` with text and icon labels

* Decoupled routing and layout using `RouteWithLayout` component

* Page elements built with `AskSomething`, `InboxDialog` (modal), `LeftDrawer` (drawer), `Options`, `ProfileHeader` and `WhoToFollow` components

* `Post`, `InboxPost` nad `Notification` components for post elements

* Responsive `GridList` component on the `Communities` page built using `withWidth` HOC and `isWidthUp` hook

* Mocking posts data with `shuffle` function

  

## Screenshots  

![Screenshot1](/screenshots/Screenshot_1.png)

![Screenshot2](/screenshots/Screenshot_2.png)

![Screenshot3](/screenshots/Screenshot_3.png)

![Screenshot4](/screenshots/Screenshot_4.png)

![Screenshot5](/screenshots/Screenshot_5.png)

  

## Installation

  

This project is made using `create-react-app` v3 and to run it locally use `git clone` and `npm run start` or fork the **[Codesandbox](https://codesandbox.io/s/github/nemanjam/curious-cat)**.