Skip to content

Toggle Track is a simple, yet feature-rich time tracking app to help you gain insights into your projects and tasks. User can manage their project using timer can delete or add multiple projects can add teams and client in dashboard section.

Notifications You must be signed in to change notification settings

optimizershivam/Toggle-Track

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 

Repository files navigation

Toggle Track

Toggle track app cover

Web application to show the smooth and clean user flow.


reactjs redux chakra-ui restAPI css3 JavaScript Bootstrap

⚙️ BACKEND DEV

[] [Express js] [Firebase]

📅 DATABASES

[Mongodb]


Getting StartedInstalling

Toggl Track Website Clone (Learning Purpose)

About toggl track Website :

Toggl Track is a time tracking software operated by Toggl OÜ, headquartered in Tallinn, Estonia, that offers online time tracking and reporting services through their website along with mobile and desktop applications. Toggl Track tracks time blocks, optionally labeled with a task, a project, and tags.

🚀 Features

  • Homepage
  • Login/Signup User Account
  • Redux Authentication
  • Private Routes -Timer page
  • project
  • All page are working

Home Page :

HomePage

SignUp Page :

SignUp Page

Login In / Login Page :

LogIn Page

Pricing Page :

Pricing Page

Timer Page :

Timer Page

Project Page :

Project Page

Getting Started

This project was built using React v 17.0.2, Redux v 4.1.2, Chakra UI, CSS and Rest API. It is a web application and for running on your local environment you should follow these guidelines.

Prerequisites

  • NPM

Setup

The project repository can be found in [GitHub link]https://github.com/optimizershivam/elastic-punishment-3534 or just clone the project using this command.

Using HTTPS
# git clone  
  • Open terminal on your workspace with
cd filename

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

npm install

To run the application, run the following command:

npm run dev

Tools used on this project

  • Visual Studio Code

Some Chanllenges We Faced :

We have faced few challenges while working on project , sometimes it take lot of time to finish the tasks , but on the other hand we learned many things from that. some of the challenges are- As this is the first time we are working by creating branches from Github main , we have to handle the data carefully. Sometimes due to the some network issue there was a lack of communication between members but we able to sort out the issue and we finished our work within the given time.

Conclusion & Experience :

We are very thankful to our Team lead,Teammates and instructor for helping us to finish the project within due date. We are looking forward to add some features and functionalities which we left in this project for future expansion. The entire journey of working with this project was great. We have learned lots of things by applying the ideas and concepts to the real website and we have got a lot of confidence. This project is the result of Hardwork and Dedication by the Team Members.

Team Members and Contributors :

1]Shivam Sharma(Team Lead)

2]Kumar Gaurav

3]Mamata Ingole

4]Pratik Mendhey

5Aditya Prajapati

Links :

Presentation Link :

Contact

If you want to contact me, you can reach me through below handles.

linkedin Github

© 2022 Shivam Sharma

About

Toggle Track is a simple, yet feature-rich time tracking app to help you gain insights into your projects and tasks. User can manage their project using timer can delete or add multiple projects can add teams and client in dashboard section.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published