Git Product home page Git Product logo

facebook-clone's Introduction

Facebook clone project

Icon: https://google.github.io/material-design-icons/

My app : https://tantely-facebook-clone.netlify.app/

Facebook clone project

Table of Contents

Overview

  • You can see the demo and the code in these following links Work Demo . Work Code .

  • My experience: when I was working out a big statement, I needed to break it down into as small parts as possible. Problems are so much easier to handle little by little. Other than that, figuring out what the app does is very important before you dive into coding, just have a vague idea about what the app is doing.

  • Well, this was a nice one to play with, It was a good practice to use useReducer hook in react. Reducer is very nice because it is much easier to handle a lot of states and easier to share values(props) amongst any other files. Nice use of Router and link as well, I think this was a very nice project. Things that I learned during this project were useing useReducer, Router and useContext, those are really the big topics that I really got stronger after doing this project.

  • One thing I think is a wisdom that I would like to share is : it is very crucial to have a general idea about what the app is doing and start to break big problems to smaller once before diving into coding. No matter how tough it is, break the big problems down into as small parts as possible before tackling them. If you have a good base the likelyhood of having a good end is very heigh.

Built With

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name

# Install dependencies
$ npm install

# Run the app
$ npm start

Contact

Description

The main purpose of this app is for practicing react (react hooks). It was designed for front-end developers to boost their knowledge and their tool belt for their future work. One big part of this exercise also was getting familliar with using useReducer because it is so cool and react components context.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.