https://github.com/namanrox/google-keep-clone

It is a clone of the Google Keep App using React. It can add and delete notes implemented using JSX and styled with CSS and Material UI.
https://github.com/namanrox/google-keep-clone

clone google-keep google-keep-clone keep keep-clone material-ui reactjs

Last synced: 3 months ago
JSON representation

It is a clone of the Google Keep App using React. It can add and delete notes implemented using JSX and styled with CSS and Material UI.

• Host: GitHub
• URL: https://github.com/namanrox/google-keep-clone
• Owner: namanrox
• License: mit
• Created: 2022-07-16T19:14:10.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-18T11:43:22.000Z (almost 3 years ago)
• Last Synced: 2024-07-30T18:54:21.432Z (11 months ago)
• Topics: clone, google-keep, google-keep-clone, keep, keep-clone, material-ui, reactjs
• Language: JavaScript
• Homepage:
• Size: 2.02 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Google-Keep-Clone

[![Language](https://img.shields.io/badge/Language-Javascript-blue.svg?style=flat)](https://www.javascript.com/)

[![Framework](https://img.shields.io/badge/Framework-Reactjs-brightgreen.svg?style=flat)](https://reactjs.org/)

# About

- It is a clone of the Google Keep App using React.

- It's functionality includes:

  - Adding a note

  - Deleting a note 

  - Implemented using JSX

  - Styled with CSS and Material UI.

# Tech Stack

- HTML

- CSS

- React Js (JSX)

- Material UI

## Demo Video

[Google-Keep-Clone.webm](https://user-images.githubusercontent.com/94623032/179485794-b4bc935e-2071-4d66-bd75-a3377c48d9fb.webm)

## Environmental Setup

- This project was developed in VS Code.

#### How to setup in local environment to use this project

- Download and install a code/ text editor.

  - Recommended -

    - [Download VS Code](https://code.visualstudio.com/download)

    - [Download Atom](https://atom.io/)

- Download [Node Js and npm(Node package manager)](https://nodejs.org/en/) (npm gets installed by default on downloading Node)

- Clone the repository by running the command:

```

git clone https://github.com/namanrox/google-keep-clone.git

```

in your GitBash or terminal of VS Code.

- Run the command `cd google-keep-clone/keep-clone`

- Run `npm install` to install all dependencies for the project.

- Run `npm start` to start the project on localhost:3000.

- Now you are set to use this project locally.