Raaghav-1824 / Keeper-App

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.

Home Page:https://raaghav-keeper-app-v2.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Keeper-App Using ReactJS

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

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.

Usage

This project has no usage other than to present future employers of my progresss as a Full-Stack Web Developer.

Credits

Dr. Angela Yu Udemy

app

About

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.

https://raaghav-keeper-app-v2.netlify.app/


Languages

Language:JavaScript 48.9%Language:CSS 25.9%Language:HTML 25.2%