Skip to content

Latest commit

 

History

History
96 lines (63 loc) · 4.57 KB

README.md

File metadata and controls

96 lines (63 loc) · 4.57 KB
Raw

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

HOMEPAGE HOMEPAGE HOMEPAGE

  • Login Page

LOGIN

  • Signup Page

SIGNUP

  • Timer Page

Timer Timer

  • Client Page

Client Client

  • Project Page

Project Project

  • Footer

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:

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

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