TogglTrack Clone Project

Hello Everyone !🌏 We are Masaiians and we are presenting our project- clone of TogglTrack, built during construct week.

Details : 🔭

Toggl Track (formerly Toggl) is a time tracking software operated by Toggl OÜ that offers online time tracking and reporting services through their website along with mobile and desktop applications.

original website link : https://toggl.com/track/

Team Members 👨‍💻 :

• Rahul Kumar
• Vaishali Verma
• Saurav Behera
• Ankita singh
• Raj Mandloi

Pages & Features 👇

• Home Page : Navbar , templates , Footer and explanation on how to use this website .

• Signup : User needs to Signup by providing their details and it will store in mongoDB database .

• Login : User can be authenticated whether the user email and the password match with details existing in the database.User can also be verified using Google OAuth .

• Timer : User can add their task using calendar in weekly , daily or monthly basis . This calendar is very flexible so user can drag and update their task throughout the calendar .

• Client : User can add their client to whom they will assign projects .

• Project : User can add the project for the client .

Tech Stack

Frontend: REACT , REDUX , HTML5 , CSS3 , JAVASCRIPT , IMPORT & EXPORT , CHAKRA UI.

Backend: LOCAL STORAGE , NODEJS , EXPRESS , MONGODB , JAVASCRIPT .

Deployment: HEROKU AND NETLIFY .

Screenshots

• Home Page

• Login Page

• Signup Page

• Timer Page

• Client Page

• Project Page

• Footer

Roles & Responsibilities :-

• GitHub is managed by Rahul Kumar and also the Team Lead of the Project and worked on the backend functionality and creating the api for login , signup and projects .
• The Landing Page is designed and functioned by Ankita Singh .
• login/signup page is designed and functioned by Saurav Behera .
• Timer Page is designed and functioned by Vaishali Verma .
• Client and Project page is designed and functioned by Raj Mandloi.

Lessons Learned

• We all became proficient in reading the code of team members.
• Our code writing style became cleaner as we had used Raect to write code and used import export so that code become well structured.
• We learn about many CSS properties that we didn't know before.
• Our skills in React,Redux and DOM manipulation became better.
• We became very confident in using backend technologies like NodeJs , Express and MongoDb .
• We all learned how to plan a project and execute that in a limited time frame.

LinkedIn Profile link of the Team Members:

• Rahul Kumar : https://www.linkedin.com/in/rahul-kumar-a76323230/

• Vaishali verma : https://www.linkedin.com/in/vaishali3101/

• Raj Mandloi : https://www.linkedin.com/in/raj-mandloi/

• Ankita Singh : https://www.linkedin.com/in/ankita-singh-29a105241/

• Saurav Behera : https://www.linkedin.com/in/saurav-behera-36bbb5153/

Github Repository : https://github.com/Rahul850kr/TogglTrack

Live Link : https://toggltrack521.netlify.app/