https://github.com/abhijitnr/basic-notes-app-frontend

This is a simple notes app. In this notes app user can signup, login, get notes, add notes, delete notes and update notes. To visit the notes app just click the the link given below 👇👇👇
https://github.com/abhijitnr/basic-notes-app-frontend

css3 html5 javascript react react-router react-router-dom reactjs rest-api

Last synced: 2 months ago
JSON representation

This is a simple notes app. In this notes app user can signup, login, get notes, add notes, delete notes and update notes. To visit the notes app just click the the link given below 👇👇👇

• Host: GitHub
• URL: https://github.com/abhijitnr/basic-notes-app-frontend
• Owner: abhijitnr
• Created: 2022-12-09T23:19:46.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T15:05:21.000Z (over 3 years ago)
• Last Synced: 2025-03-17T15:58:48.944Z (over 1 year ago)
• Topics: css3, html5, javascript, react, react-router, react-router-dom, reactjs, rest-api
• Language: JavaScript
• Homepage: https://abhijit-basic-notes-app.netlify.app/
• Size: 2.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## BASIC NOTES APP FRONTEND

## About

- This is frontend of a simple basic notes app.

- For backend just visit this link 👇👇👇

- [Basic-Notes-App-Backend](https://github.com/abhijitnr/Basic-Notes-App-Backend)

## Live link 👇👇👇

- [MY NOTES APP](https://abhijit-basic-notes-app.netlify.app/)

## Folders and Files structure

- ### public

  - [index.html](./public/index.html)

- ### src

  - assets

    - [Github icon](./src/assets/github.png)

    - [Home icon](./src/assets/home.jpg)

    - [Instagram icon](./src/assets/instagram.png)

    - [LinkedIn icon](./src/assets/linkedin.png)

    - [YouTube icon](./src/assets/youtube.png)

  - components

    - [Footer.css](./src/components/Footer.css)

    - [Footer.jsx](./src/components/Footer.jsx)

    - [Home.css](./src/components/Home.css)

    - [Home.jsx](./src/components/Home.jsx)

    - [Navbar.css](./src/components/Navbar.css)

    - [Navbar.jsx](./src/components/Navbar.jsx)

  - pages

    - [AllNotes.css](./src/pages/AllNotes.css)

    - [AllNotes.jsx](./src/pages/AllNotes.jsx)

    - [CreateNotes.jsx](./src/pages/CreateNotes.jsx)

    - [Login.jsx](./src/pages/Login.jsx)

    - [Signup.css](./src/pages/Signup.css)

    - [AllNotes.css](./src/pages/Signup.jsx)

  - [App.js](./src/App.js)

  - [index.css](./src/index.css)

  - [index.js](./src/index.js)

- ### .gitignore

- ### [package-lock.json](./package-lock.json)

- ### [package.json](./package.json)

## Dependencies

- react-router-dom

## Usage Guide

- https://github.com/abhijitnr/Basic-Notes-App-Frontend.git

- npm install

- npm start

- now frontend is ready to use

## Overview

- ## Navbar and Home page

  ![Navbar and Home page](./src/assets/navbar.png)

- ## Footer

  ![Footer](./src/assets/footer.png)

- ## Signup

  ![Signup](./src/assets/signup.png)

- ## Login

  ![Login](./src/assets/login.png)

- ## Create Notes

  ![Create](./src/assets/create.png)

- ## All Notes

  ![Notes](./src/assets/notes.png)

## <---------- Thanks for visit ---------->

## <---------- HAPPY CODING ---------->