https://github.com/palerdot/insta-react

Simple Instagram clone built with react/redux/redux-persist
https://github.com/palerdot/insta-react

Last synced: 8 months ago
JSON representation

Simple Instagram clone built with react/redux/redux-persist

• Host: GitHub
• URL: https://github.com/palerdot/insta-react
• Owner: palerdot
• Created: 2018-12-10T15:14:44.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T17:21:59.000Z (over 3 years ago)
• Last Synced: 2025-04-02T08:47:42.379Z (about 1 year ago)
• Language: JavaScript
• Size: 19.4 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Instagram Clone built with ReactJS

Instagram clone created with React/Redux/Redux-persist/. This app persists the data in the browser localstorage using `redux-persist`. If you would like to clear the data for some reason you can clear the localstorage using `localStorage.clear()` and refresh to restore the default data.

![Insta React sample profile](insta-react.png)

## Setting up

This project is bootstrapped with `create-react-app`. Please make sure you have **latest node** (preferable 6+)

## Features

- View posts

- Add Likes to Posts

- Add comment to Posts

- Delete Posts

- Add new posts (by selecting predefined image, since this is a frontend only app which cannot persist uploaded image)

## Running the app and folder structure

```javascript

// install dependencies

yarn install

// start the dev server

yarn start

// you can also make a production build and run the stuff inside the build folder

// zip folder - insta-react-app.tar.gz

// folder structure

-- src/

   -- components/

      -- container/ // redux related

      -- presentation/ // just view related

    -- data/ // static data

    -- utils/ // util to show notificatoin

    -- actions/ // redux actions

    -- reducers/ // redux reducers

-- screens/

    // has mock screens

```