We are students of the Masai School. Currently, we are all in unit 5. In the Masai School, at the end of every unit, the last week is called construct week. In which every student of Masai School has to build a project.
On 26th September, we got the name of the members and the project. We have to build the clone of the toggl track.com site. It is the most popular time tracking web site.
- Siddikkhan Pathan.
- Sunil Ingole.
- Prashant Kumar.
- Rohit Yadav.
We had a week to build the project.
We use HTML, CSS , React-JS, Redux, Express, MongoDB, Chakra-ui and some bit of Bootstrap to build the project.
Website is not responsive because of time constraint. Soon we'll make this project responsive.
Use This Login Credential To check full functionality
Email: siddik@gmail.com
Password: 1234
This is the landing page of the our clone site exactly the same as the Toggl track.com site. We tried to give some functionally such as Hover effects, onclick open model, calculate time you spent on our website and sign-up etc.
On the landing page, we create a navbar and search bar. If the user clicks on the menu it will show the pages of the section.
On the login page, there are two options login and create an account. If you are a new user you have to click on create the account If you have already an account just enter the registered email and password. And you logged in into website. If you forget your password there is option of forget password you just click on it and you able recover your password form the link provided by us on your registered Email id.
On the landing page, we create a navbar and search bar. If the user clicks on the menu it shows the pages of the section and if the user clicks on any of the sections on these it will redirect to that page.
This is the footer page we created multiple options where users can connect such as Email, Facebook, Instagram, GitHub and Twitter. Also, we have added a Return policy, about the Toggl track.com and Terms of us.
Blog Link: https://medium.com/@ingole8888/building-clone-of-time-tracking-web-site-toggl-track-com-c15501c98194