Toggle Track

Web application to show the smooth and clean user flow.

⚙️ BACKEND DEV

[] [] []

📅 DATABASES

[]

Want to see live preview »

✧ Getting Started ✧ Installing ✧

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
• Own Backend Authentication
• Private Routes
• Dashboard Page
• Timer Page
• Tag Page
• project
• All page are working

Home Page :

SignUp Page :

Login In / Login Page :

Pricing Page :

Timer Page :

Project Page :

Tag Page :

Getting Started

This project was built using React v 17.0.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

You can download the code as zip file or you can clone it using the following commands

# 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] Bishal Patgiri(Team Lead)

2] Kumar Gaurav

3] Altaf Ali Baig

4] Buvaneswaran S

5] Manoj Barki

Links :

Deployment Link : https://toggll-track-clone.netlify.app/

Github Link : https://github.com/BishalPatgiri/elastic-punishment-3534/

Presentation Link : https://drive.google.com/file/d/1qESylA6AjV5Ry111R_cImJRtD1hSEfWh/view

Contact

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

© 2022 Bishal Patgiiri