handy-string-7765

WEB-Clockify-Project

The collaborative project was built by a team of 4 during Construct Week in Unit-5 at Masai School.

NOTE: [Sample login details:( email:arshad123@gmail.com, password:Arshad@123 )]

some snapshot of our website

---

---

Welcome 👋

---

About this project: 🙌

We worked on cloning a Clockify website. Clockify is a time tracker and timesheet app that lets you track work hours across projects. In this project, we used React JS, Node js, Express Js, MongoDB, Styled-components, bootstrap, and CSS. which we have merged by using GITHUB. Our project is dynamic and responsive in work. This is a team project, built by us in the Construct Week - Unit 5 at Masai School.

---

Our Team Members ❤️

• Pratik Mate
• MD Arshad Khan
• Prakash Gupta
• Rakesh Kumar Swain

---

Pages & Features 👇

• Home Page: Nav Bar with dropdowns, sliding banners & slider for offer. homepage

• Sign-Up: User details are stored in local storage.

• Sign-In: User authentication to check whether the user's phone number and password match with details existing in the database.

• Feature Page: All features are added to this Page dynamically with filters by color, and category. Feature

• Download: All the Chrome extensions added to this page. Download

• Time Tracker: Users can track their activities.

• Calendar: Users can add their activities to their calendars.

• Dashboard: Users can check their weekly and Monthly activities in a graphical manner.

---

How To Use ✅

First, you have to have to go to the Home Page. There you have to click on the account to get a pop window where there is a sign-up using your Email Address. There you can explore the home page or go to the Main page and By set the Time Tracker into their projects. Then click on start the Time user can see their activities in the calendar and Dashboard sections and save our Daily report on the Report page also users can Tag their activities.

---

Technology we used....🔧

• React JS
• Node JS
• Express JS
• MongoDB
• Styled-components
• Bootstrap
• CSS

---Blog Link

---

Home Page

Here you can find a brief history of the products and website

Feature Page

On this page, You can find all the Features related to Time Tracker.

Sign-Up Page

if you want to set your activities you need to sign up first and log in with details then only you can set your activities and track them

Download Page

On this page, you can find all the download links and also find some browser extensions.

Time Tracker Page

On this page, You can add your Project activities and Start the Timer also You can track your Activities.

*deploy link

project Deploy link of netify