muchirijane / Purple-notes-app

A simple react app for taking notes. You can create or delete your notes at any time. The website was build to practice using material UI.

Home Page:react-note-app-sage.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-note-app

Live Code - Preview

Project Image


Table of Contents

You're sections headers will be used to reference location of destination.


Live Code - Preview

Description

  • This is my first project using Material UI components. It was a great way to learn how to use different components, how to make custom styles to the divs and customize the theme.
  • For the app functionality, a user can create notes in the create page and they will be stored in firebase cloud. You can also delete them with the delete button if you have finished the task.
  • The cards have categories to label the importance of your notes. Example, work, money, todos, reminder or personal.

Future add ons

  • A user can update the todos listed.
  • Add a login page with Auth for personalization.

Technologies

  • CSS
  • React
  • Material UI
  • Vercel

Back To The Top


Installation

    Use a command Prompt and type : npm install
    # or
    npm i

How To Use

First, run the development server:

npm start
# or
yarn start

Open http://localhost:3000 with your browser to see the result.

Author Info

Back To The Top

About

A simple react app for taking notes. You can create or delete your notes at any time. The website was build to practice using material UI.

react-note-app-sage.vercel.app


Languages

Language:JavaScript 86.1%Language:HTML 10.2%Language:CSS 3.7%