Git Product home page Git Product logo

rahul850kr / toggltrack Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 2.0 3.76 MB

Toggl Track (formerly Toggl) is a time tracking software operated by Toggl OÜ that offers online time tracking and reporting services.This Project is a collaboration of 5 Team software developers. This project covers all of the functionality as TogglTrack website.

Home Page: https://toggltrack521.netlify.app/

HTML 0.37% CSS 14.80% JavaScript 84.83%
chakra-ui expressjs html5 mongodb nodejs react redux

toggltrack's Introduction

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:

toggltrack's People

Contributors

rahul850kr avatar raj-mandloii avatar singhankita29 avatar vaishali31verma avatar sauravbubu avatar

Stargazers

Software Developer avatar  avatar  avatar

Watchers

 avatar

toggltrack's Issues

Login Api

  • making login API
  • generate token
  • decrypt password
  • deploy

Report Section

  • Management of time ⌚
  • card for each day
  • Timer management

Calender and UI

  • Calender UI fix
  • Timer Input
  • Header
  • Setting Section
  • Timer Section

calender component

  • implementation siderbar frontend
  • UI creation of calender page
  • UI creation of sidebar of calender page

Signup Api

  • creating signup API
  • encrypt the password
  • save this data to atlas
  • deploy

Report Api

  • creating report API
  • save the data into the atlas
  • make the post method

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.