Skip to content

Basic React notes app built with Vite.js, allows users to create, view, and delete notes. πŸ“‹

Notifications You must be signed in to change notification settings

shanibider/React-Notes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React Notes App πŸ“

This is a basic React app built with Vite.js for practicing the usage of

useState, components, and React concepts.

The app allows users to create, view, and delete notes.

Features ✨

  • Create new notes with a title and content.
  • View existing notes.
  • Delete notes.

Installation πŸš€

  1. Clone this repository to your local machine:

    git clone https://github.com/yourusername/react-notes.git
  2. Navigate to the project directory:

    cd react-notes
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev
  5. Open your web browser and navigate to http://localhost:5173 to view the app.

Technologies Used πŸ’»

  • React
  • Vite.js
  • MongoDB
  • JavaScript

Folder Structure πŸ“‚

.
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ Header.js
β”‚   β”‚   β”œβ”€β”€ Footer.js
β”‚   β”‚   β”œβ”€β”€ Note.js
β”‚   β”‚   └── CreateArea.js
β”‚   β”œβ”€β”€ App.js
β”‚   └── index.html
β”œβ”€β”€ .env
β”œβ”€β”€ package.json
└── README.md

Screenshots πŸ–ΌοΈ

Keeper-App

πŸ“« Connect with me 😊

linkedin portfolio gmail

Copyright Β© Shani Bider, 2024

LicenseπŸ“„

This project is licensed under the MIT License.

About

Basic React notes app built with Vite.js, allows users to create, view, and delete notes. πŸ“‹

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published