akashnegetive / Keeper_App

A React note-taking app which Add and Delete Notes.

Home Page:https://dapper-sopapillas-198192.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Keeper App built with React

  • Developed a clone of Google keep using Hooks and States in React.js
  • Added the feature to dynamically Add and Delete Notes by passing parameters.
  • This is a simple clone/imitation of Google Keep made with React from Angela Yu's Web Development Bootcamp. It uses React Hooks, state, props, and array mapping to allow for the creation and deletion of notes.
  • Keeper uses Material-UI components and icons, and this background image from transparenttextures.com.

Topics covered

  • Introduction to JSX and Babel
  • Javascript Expression in JSX & ES6 Template Literals
  • Inline Styling
  • Dev tools
  • React Components
  • Props
  • Mapping
  • Event Handlers
  • React Forms
  • Changing State, Hooks, and more

Screenshots

  • main page Screenshot 2023-07-31 151452

  • added some notes

Screenshot 2023-07-31 151554
  • adding notes
Screenshot 2023-07-31 151646
  • Notes added
Screenshot 2023-07-31 151659
  • Delete stock price node
Screenshot 2023-07-31 152020

Happy Noting !!

About

A React note-taking app which Add and Delete Notes.

https://dapper-sopapillas-198192.netlify.app/


Languages

Language:JavaScript 72.0%Language:CSS 22.6%Language:HTML 5.3%