Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/pranav016/google-keep-clone
- Owner: Pranav016
- Created: 2021-01-04T23:28:48.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-02-02T08:02:37.000Z (almost 4 years ago)
- Last Synced: 2024-05-28T16:34:12.085Z (5 months ago)
- Topics: css, html, jsx, material-ui, react
- Language: JavaScript
- Homepage: https://codesandbox.io/s/keen-grothendieck-exrfj
- Size: 1.07 MB
- Stars: 1
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.