Skip to content

dxtaner/notes-app-nodejs-reactjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Notes App

This is a simple note-taking application that allows users to create, edit, and delete notes.

About the Project

The Notes App is a web-based application developed using React.js. It provides a user-friendly interface for managing notes efficiently.

Features

User registration and login functionality. Creation, editing, and deletion of notes. Responsive design for compatibility with various devices. Intuitive user interface for ease of use.

Technologies Used

React.js React Router HTML CSS

Screenshots

Home Page

The home page of the Notes App displays a list of notes along with options for creating, editing, and deleting notes.

Home Page Home Page 2

About Us Page

The about us page provides information about the creators or developers of the Notes App.

About Us Page

Welcome Page

The welcome page greets users and provides a brief introduction to the Notes App.

Welcome Page Welcome Page 2

Registration/Login

The registration/login page allows users to create a new account or login to an existing account.

Registration/Login

Adding Note

This screenshot demonstrates the process of adding a new note to the app.

Adding Note

Creating Note

The creating note page allows users to input the content for a new note.

Creating Note

Notes Update

This screenshot showcases the functionality of updating an existing note.

Notes Update

Note Deletion

This screenshot illustrates the process of deleting a note from the app.

Note Deletion

Invalid Login

When users enter incorrect credentials, they encounter an invalid login message.

Invalid Login

Successful Login

Upon successful login, users are redirected to the home page of the Notes App.

Successful Login

Footer

The footer section of the Notes App provides additional information or links.

Footer

Others

For additional screenshots, please refer to the NotesAppScreenShots directory.