This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.

Instagram-clone application

Features

• Authentication feature
• Upload post feature
• Follow feature
• Like feature
• Comments feature - also replies to single comment
• Story feature - images for 24hours then automatically deleted (cron job)
• Chat feature
• Search users feature
• Change theme(dark/light) feature

Pages

• Home page - most recently uploaded features restricted to authenticated users
• Post page – detailed post page restricted to authenticated users
• Profile page – profile page with details about the user and list of all posts
• Upload page – upload posts restricted to authenticated users
• Login page – sign in page
• Register page – sign up page

Front-end

For a start-up I used the CRA(create-react-app) typescript-redux template

• Typescript as main language of the app - https://www.typescriptlang.org/
• Routing - React Router v6 - https://reactrouter.com/docs/en/v6
• Global state management - Redux toolkit - https://redux-toolkit.js.org/
• Handling forms and validations - React Hook Form with Yup - https://react-hook-form.com/
• Styling solution - Material UI - https://mui.com/

Back-end

For authentication and database I am using a backend as a service platform - Firebase

Learn more about Firebase here - https://firebase.google.com/

For clean and consistent code I am using

• ESLint
• LSLint
• Husky for pre-commit (+commitlint) and pre-push hooks
• Prettier for formatting