Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

css html jsx material-ui react

Last synced: about 3 hours ago
JSON representation

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

Awesome Lists containing this project

README

        

# Keeper-App-Clone
This project is a clone of the Google Keeper app to manage all notes. It has been developed using React and JSX and styled with CSS and Material UI.
Created with CodeSandbox

## Tech Stack-
- HTML
- CSS
- React Js (JSX)
- Material UI

## Demo-
![demo](demo/demo.gif)

## Environment Setup-

* Drop a :star: on the GitHub repository.

* This project was developed using CodeSandbox. [Checkout or Fork the CodeSandbox](https://codesandbox.io/s/keen-grothendieck-exrfj)

#### To setup local environment to use the project, follow steps:

* 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/) (when you download Node, npm also gets installed by default)

* Clone the repository by running command
```
git clone https://github.com/Pranav016/Google-Keep-Clone.git
```
in your git bash.

* Run command `cd Google-Keep-Clone`.

* Run this command to install all dependencies for the project.
```
npm install
```

* Run this command to start the project on local host 3000.
```
node src/index.js or npm start
```

* Now you are all set to use this project.