TMetric is time tracking software operated by TMetric team, headquartered in Prague, Czech Republic, that offers time tracking service for freelancers and small business owners who want to optimize their business processes and increase personal productivity.
We have tried our best to make a fully-functional clone of Tmetric.com website that provides a minimal user experience where users can roam around and Assigned their desired projects.
Quick Preview -https://tmetric-clone.netlify.app//
One of our classmates was interested in self-improvement and had seen application on the app store with a similar concept. However, the apps didn't integrate gamification with self-improvement, so combining the two made sense.
Using JavaScript, jQuery, front-end styling, the YouTube and They Said So APIs, and Firebase, we allow users to target specific areas of self-improvement that they want to work on.
ANSHUMAAN, DIVYA and RAMA worked on the user interface - from conception and planning to coding it out. GAJRAJ worked on the APIs and corresponding functionality to the topics page design. GYAN PRAKASH worked on Firebase, and the sign-ups through Google and Facebook.
- Design a way for users to be able to sign in or sign up
- Present application overview succinctly
- Created a brand surrounding the application
- Templating the topics page
- Content to explain the application
- Templating the marketing page
- Content to explain the application
- Styling and logic for the topics page
- Match the styling and flow of the original marketing design and duplicate onto the topics page
- Reactive styling based on functionality requirements
- Learn and integrate Google and Facebook log-in functionality
- Integrate log-ins with the user interface
- Create persistence through Firebase for the progress users have made
- Determine which variables to save to Firebase and connect this with user profile
- Integrate persistence logic into the visual counterpart
- Learn and integrate the YouTube and They Said So quotes APIs
- Dynamically populate cards and content onto the topics page
- Show user progress on page and dynamically demonstrate which tasks have already been completed
- Determine sequence of logic for completing task and preventing users for readdressing same tasks
- Integrate content population logic with the user interface
- Learn and integrate Google and Facebook log-in functionality
- Integrate log-ins with the user interface
- Create persistence through Firebase for the progress users have made
- Determine which variables to save to Firebase and connect this with user profile
- Integrate persistence logic into the visual counterpart
- A user can register his account on the website.
- User can log in using credentials given during registration.
- User can search for various types of items.
- User can sort his/her search on increasing or decreasing price.
- User can make payments and succcessfully purchase their items.
One of the biggest challenges that we encountered was using git merging and branches for the first time. We had to learn to stop being afraid of using git, and make it our friend.
In the future, we can integrate more categories and more cards. We can also integrate a user page which will have some options for the user to allow push notifications and to see an overview of their progress.
We are in our learning phase and this is my fourth clone, so faced multiple issues to build this site. These are some topic that challenges us to make this:-
- Playing with animation to get desired output
- Using javascript to manipulate the features
- Making custom features
- Using various styling method so that our clone could look as original as possible
Contributions are always welcome!