https://github.com/dxtaner/notes-app-nodejs-reactjs

Notes-App
https://github.com/dxtaner/notes-app-nodejs-reactjs

axios bcrypt body-parser chakra-ui cors emotion-react express jsonwebtoken moment mongoose notesapp react react-router-dom sweetalert2

Last synced: 2 months ago
JSON representation

Notes-App

• Host: GitHub
• URL: https://github.com/dxtaner/notes-app-nodejs-reactjs
• Owner: dxtaner
• Created: 2024-03-12T12:39:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-11T15:27:11.000Z (almost 2 years ago)
• Last Synced: 2025-03-13T03:17:19.689Z (12 months ago)
• Topics: axios, bcrypt, body-parser, chakra-ui, cors, emotion-react, express, jsonwebtoken, moment, mongoose, notesapp, react, react-router-dom, sweetalert2
• Language: JavaScript
• Homepage:
• Size: 17.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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](NotesAppScreenShots/noteshome.png) ![Home Page 2](NotesAppScreenShots/noteshome2.png)

### About Us Page

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

![About Us Page](NotesAppScreenShots/aboutus.png)

### Welcome Page

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

![Welcome Page](NotesAppScreenShots/welcome.png) ![Welcome Page 2](NotesAppScreenShots/welcome2.png)

### Registration/Login

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

![Registration/Login](NotesAppScreenShots/registerlogin.gif)

### Adding Note

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

![Adding Note](NotesAppScreenShots/addNote.gif)

### Creating Note

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

![Creating Note](NotesAppScreenShots/createnote.png)

### Notes Update

This screenshot showcases the functionality of updating an existing note.

![Notes Update](NotesAppScreenShots/notesgünclleme.png)

### Note Deletion

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

![Note Deletion](NotesAppScreenShots/notusilme.png)

### Invalid Login

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

![Invalid Login](NotesAppScreenShots/hatalıgiriş.png)

### Successful Login

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

![Successful Login](NotesAppScreenShots/girişyao.png)

### Footer

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

![Footer](NotesAppScreenShots/footer.png)

### Others

For additional screenshots, please refer to the [NotesAppScreenShots](NotesAppScreenShots) directory.