fbrzrvn / instagram-clone

Instagram clone using react and sass

Instagram clone

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. Authors

About The Project 📖

This project is a instagram clone build with react and sass.

What are the main objectives in this project?

• Learn the basics of SASS
• Improve your React skills
• Learn how to work with React and SASS
• Improve your frontend knowledge
• Improve your SASS knowledge

Built With 🛠️

• REACT
• SASS

Getting Started 🚀

Clone the repository

git clone https://github.com/fab-rvn/instagram-clone.git

Prerequisites 📋

Have a node and yarn installed in your machine to check it just type

 node -v

 yarn -v

installation 🔧

Once you have all installed just type

yarn add

After that you can start test your code with the command

 yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Contributing ⛑

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project (https://github.com/fab-rvn/instagram-clone)
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Author ✒️

• Fabrizio Ervini - fab-rvn

instagram-clone's Issues

Footer

Carousel Images

Readme

Select Lang

Img login

Refactor

• Post avatar
• Images folders
• Props

Form login

• Add Icons
• Add store btn
• Add links

Fix

• Form Submit
• Likes typo
• Effect cleanUp

Refactor Styles

• Logo class
• Mixin border

Project Setup

• Create react app
• Install dependencies
• Basic file and folder structure

Home and Post

• Create Home page
• Create Post components
• Create Comment components

Switch Page

• Add state to check if the user il logged
• Conditional rendering login or home page

History

Fix carousel warning

• useEffect dependencies
• Add use Callback

Navbar

• Add Ig logo
• Search bar
• Icons