Clockify Clone
Hello readers , It’s a great pleasure to connect with all of you all again . This time we came up to share my views , experience and challenges faced during cloning of Clockify which is an Time Tracker website To Track our Daily activities .
As We are in Fifth unit of Masai journey and like every month this time also we were assigned a project in last week of fifth unit which is named as Construct Week by Masai School. So this time we were a team of five members that is RAKESH KUMAR SWAIN, MD Arshad Khan, Prakashkgupta, Pratik Mate
# Problem Statement
Basically in unit five we were taught a new frame work that is Node.js, Express.js and MongoDB . And many of our team members were not comfortable with it . But I can say every member took their work according to their strength and completed on time .
#Expection
Our main objective was to complete the clone in given time period using all Tech Stack that we were taught by our instructor till unit-5 with maximum number of pages
Technology That we used:
- React.js
- Node.js
- Express.js
- Redux
- MongoDB
- Chakra UI library
How We Did It ?
As per the strength and weakness of our team members we started to clone our website in a user-flow manner Login and signup Page ,Sidebar, Feature Page and Setting
Home Page, Navbar & Footer
Download Page , Time Tracker Page & Navbar of Time Tracker created by
Dashboard, Report, Projects Page, Team ,Client page
. All our team member efficiently cloned each and every part by using all the Tech-Stack that were taught to us by our instructor’s at Masai
#Challenges Faced And Our Strategy to Overcome it
At starting we faced a number of challenges in order to clone our website such as git issue , division of work and many more.
Since this time we were dealing with a new Frame Work that is node.js which wasn’t easy to catch up . Most of our team members are very comfortable with it . But we firstly start with the backend and then move to frontend we started to clone it . We were also connecting two times a day on zoom to know the progress of our work . In those meeting we were resolving all the issue of our team members . We helped each other so that our work should be completed on time.
#Conclusion
While Cloning the website we learned many new technologies and even learned to collaborate with each other .
If you want to visit our GitHub page then the link is provided down below :https://github.com/PratikMate/handy-string-7765
Also here is our Deployment link of Netlify you can have a easy look of Clockify Clone by just giving a click on it
Here is a small overview of our website :
Home Page,
footer Page,
Signup Page,
Login Page,
Feature Page
Download Page
Time Tracker Page,
Calendar Page,
Dashboard Page,
Great Thankful to Our five Team member Putting their effects and hard work to complete this clone.