reshabh27/planzap

An App to maintain your tasks , personal diary , notes , movie list everything at one place!

Video Demo: https://drive.google.com/file/d/1t33jODX3xZmITv0QUnhFlc7pja-yHX24/view?usp=sharing__

Link for the live site : https://planzap.netlify.app/

🧠Basic Idea : To have a app where a user can handle tasks, notes, personal diary and a moviel list using a simple and easy to use interface .

👨‍💻Tech Stack used : React JS , REST APIs , Material UI . (For the front end .)

💻How to run ?

To run the app :

1)You need to clone my repository by writing git clone https://github.com/SaraswatGit/PlanZap.git on your terminal.

2)You need you need to have node js install on your local machine and then type npm install to install all the dependencies and then type innpm run start this will run the code on your local server . The app uses continous integration be careful before pushing.

Note : You can only run the app on the following domains in local machines : http://localhost:3001 ; http://localhost:3000

Structure of the app:

The nav bar has a position that is fixed the only thing that render everytime a new section is clicked is the area beside it refered to as "routearea" in the app . All CSS of all files is present in the CSS components file . Use context has been used to get access to userid , login status etc.

Things that can be improved :

1)On login page confirm password and password don't yet have matching ability.

2)Improing the UI of the login page.

3)Implementing responsiveness

4)Improving the Modals (that pops up to create new movie entry or new diary entry)

5)Improving the User experience of the Personal Diary.

ScreenShots : Task Page :

Movie List Page :

Personal Diary :

Notes Section :