priyans619/Calendar-Management-UI

Technologies

1.React.js (Frontend UI)

2.Libraries:

a) Css Framework- TailwindCss

System Requirements

To get started with development, you need to install few tools

1. git

   git version 2.40.0 or higher. Download git if you don't have it already.

   To check your version of git, run:

    git --version

2. node

   node version 16.15.1 or higher. Download node if you don't have it already.

   To check your version of node, run:

   node --version

3. npm

   npm version 10.0 or higher. You will have it after you install node.

   To check your version of npm, run:

   npm --version

Setup

To set up a development environment, please follow these steps:

1. Clone the repo

    git clone https://github.com/priyans619/Calendar-Management-UI

2. Change directory to the project directory

   cd Calendar-Management-UI

3. Install the dependencies

   npm install / npm i

4. Run the app

   npm run dev

Project will be running in the browser.

Open http://localhost:3000 to view it in your browser.

Short answer to the following questions:

1. 3 things that you learned from this assignment?

   A. -> Always do the things which is asked to do, I was creating the card first which is popping on clicking the Header Date and becaue of that I didnt get time to create event functionality smoothly.

   -> Learnt the effective use of hooks like useRef and useEffect

   -> Implementing Css in responsive way

2. What was the most difficult part of the assignment?

   A. I will not say difficult but Creating the event functionality due to lack of time.

3. What you would have done differently given more time?

   A. I can make the whole UI in first place than can add many more functionality.