https://github.com/hasims2001/codingassignment3
Coding Assignment 3 | GenAI
https://github.com/hasims2001/codingassignment3
Last synced: about 1 year ago
JSON representation
Coding Assignment 3 | GenAI
- Host: GitHub
- URL: https://github.com/hasims2001/codingassignment3
- Owner: Hasims2001
- Created: 2023-11-13T08:36:39.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-13T08:46:11.000Z (over 2 years ago)
- Last Synced: 2025-05-07T07:53:09.156Z (about 1 year ago)
- Language: JavaScript
- Size: 324 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Problem statement:
Task: Create a Note-taking application using React.js, Redux, Internal Storage, and Bootstrap.
Requirements:
Calendar Display:
Implement a left side with a calendar.
Selecting a date should reveal fields below for entering Title and Body Content.
Note Submission:
Upon submitting, the note should be displayed on the right side.
Display notes as cards, with each note represented by a separate card.
Sorting and Display:
Display the cards in descending order based on their timestamp.
For example, if there are 5 cards for 07 Oct’21, arrange them in descending order of their timestamp.
Additional Details:
Calendar Validation:
Prevent selection of a date that has already passed.
Technology Stack:
React.js
Redux
Internal Storage (for managing data)
Bootstrap (for styling)
User Flow:
User interacts with the left side:
Selects a date on the calendar.
Enters Title and Body Content.
Upon submission:
Note is created with timestamp.
Displayed on the right side as a card.
Cards are displayed in descending order based on the timestamp.
Constraints:
Users cannot select a date that has already passed.
This application will allow users to efficiently take notes, organized by date and time, providing a user-friendly interface for managing and reviewing their notes.