Keeper-App-Using-React ⚛️

This is a minimal Clone of Google Keep developed using React, JSX and React Hooks and styled using CSS and Material Design.
Google Keep is a note-taking app, and some of the features I've replicated include creating and deleting notes.

It won't be stored as I've not used any backend yet.
I've developed only the front-end part of the website. So, once you refresh the notes will disappear.

👩‍💻 This project aims to showcase some of Front-end development skills focusing on:

• React and its ecosystem
• Functional Programming
• Browser event handling
• Performance
• Material UI Design

🛠️ Technologies

• ReactJS

  • Complete frontend JS framework

  • Follows React Hooks pattern

• MaterialUI

  • Follows the Material Design

  • Completely themed to adapt Google's version for Keep

• MaterialUI Icons

  • Uses Outlined Icon design

⚙️ Requirements

• Git
• Node.js
• NPM

💻 Development

This project was developed using CodeSandbox.

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

• Download and install a code/ text editor.
  • Recommended-
    • Download VS Code

• Download Node Js and npm(Node package manager)

• Clone the repository

• 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.

🤝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.

• Fork the Project
• Create your Feature Branch
• Commit your Changes
• Push to the Branch
• Open a Pull Request

🧧 Acknowledgments

Project Inspired from Ms.Angela Yu's Web development Tutorial