AchieveIt
所属分类:系统/网络安全
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2023-12-24 18:00:17
上 传 者:
sh-1993
说明: NIT Jamshedpur(PCON)编程俱乐部组织的黑客马拉松二等奖
(2nd prize in the hackathon organized by the Programming Club of NIT Jamshedpur (PCON))
文件列表:
client/
server/
# AchieveIt-PCON
2nd prize in the hackathon organized by the Programming Club of NIT Jamshedpur (PCON)
## Features:
Responsive, Authentication, Beautiful UI, Clean Code Implementation, Famous Tech Stack (MERN), Scalable, Modularization, Encapsulation, Thoroughly Tested
## Sign Up Page
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/06c2a5bc-061e-44e6-b2e2-a1b78e313e23)
## Home Page / Working Page
### Task Created
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/ec73ab5b-0e48-4852-9923-22b033cc51c4)
### Task Updated
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/5e3f37ea-14f8-4ff4-ab09-1169a724b750)
### Task Deleted
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/4095217d-96dd-41c9-907c-e10165665e37)
## LogOut Functionality and Login Page
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/3939f552-aec6-4280-8a61-80af018f6274)
## Login to the App - Welcome Toaster with name
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/6abdfb89-3cd2-4935-b331-07ba4d877855)
## In Progress:
1) Add Date of each task
![image](https://github.com/someshjoyguru/ToDo-App-PCON/assets/99559848/b7b4914d-e8cc-48a2-8314-e4ae0f99ec65)
2) Create a motivating Landing Page
- Motivating quotes/images to make the person motivated to do the tasks.
- Automatic quote generator for continuous motivation.
3) Streak Visualiser for previous achievements
4) Alarm/ Notification if the work is getting delayed by more than 24 hours
## How I Implemented the Project?
1) First I created the ToDo App by applying basic react concepts of useState and useEffect.
2) Then I created a robust backend using node.js, express and many other JS libraries.
3) After deploying the backend (local system) and adjusting the cors settings I created the authentication system, tested thoroughly that each and every function/feature is working properly, I integrated the front end logic in the backend.
## Resources Used:
React Documentation, Used AI Tools for generating design templates and re-coded it as per my application, Some Past Project References, some bookmarked notes :)
### Thank You for going through my project and giving your valuable time :)
近期下载者:
相关文件:
收藏者: