Cloning of TAXTIM WEBSITE
Hello Readers,
It was during the final week which is depicted as the construct week. We have done this project with group of 5 members and build the website of TaxTim is an online platform that offers tax-related services and assistance to individuals and businesses in South Africa.
This Project is our construct week project in Unit-6 an we give a name to our project moaning-distribution-2092.
I hope you will enjoy the reading….
TaxTim,TaxTim is an online tax filing platform designed to simplify the process of completing and filing tax returns for individuals and businesses. It utilizes a user-friendly interface and a question-and-answer format to guide users through their tax obligations . The website is optimised to work across a wide range of devices such as phones , tablets , Laptops ,etc. , TaxTim's goal is to streamline and simplify the often complex and daunting task of tax filing, making it more accessible and understandable for individuals and businesses, while aiming for accuracy and compliance with tax regulations. For the most current and detailed information about TaxTim's offerings and services, it's advisable to visit their website directly or contact their support team.
We have used React,ChakraUi, CSS, Firebase ,Razorpay and more librabries of react to building this Project. We also used tools like GitHub for collaboration of our project, Slack & Zoom as means of a communication channel and use netlify for deployment.
React:
- Description: React is a JavaScript library for building user interfaces, providing a component-based architecture that promotes reusability, efficient rendering, and easy maintenance.
- Key Features:
- Component-Based Architecture: Enables the creation of encapsulated, reusable UI components.
- Virtual DOM: Improves performance by optimizing DOM updates.
- JSX Syntax: Offers a readable and concise way to write UI components.
- Unidirectional Data Flow: Predictable state management and data flow.
- Large Ecosystem: Access to a vast array of libraries and tools for development.
- Community Support: Active community contributing to growth and best practices.
- Usage: React is employed extensively across the project's front-end to create interactive and dynamic user interfaces, ensuring a seamless user experience.
- Key Features:
ChakraUi:
-
Description: Chakra UI is utilized for building and styling the user interface components in this project. It offers a set of customizable and reusable components designed to speed up frontend development. Here's why Chakra UI was chosen:
-
Modularity: Chakra UI's component-based architecture allows for easy integration and reusability of UI elements throughout the application.
-
Accessibility: Provides built-in accessibility features and adheres to best practices for creating accessible web interfaces, ensuring a more inclusive user experience.
-
Developer Experience: Offers a convenient set of components and styling options, making it simpler and faster to create consistent and visually appealing UI components.
-
Customization: Allows for easy theming and customization to match the design requirements of the application.
For more information on how to use Chakra UI in this project, refer to the documentation and integration guidelines in the respective codebase.
Firebase:
- Firebase: A platform developed by Google for building web and mobile applications.
Firebase Authentication handles user authentication and authorization. It provides secure authentication methods like email/password, OAuth, and more.
- Firestore: Stores user profiles, application settings, and other relevant data.
- Authentication: Manages user sign-up, login, and access control.
- Hosting: Deploys and serves our web application to users.
Libraries of React:
We have used many libraries of react like styled components for styling, icons, fonts from reactui.
RazorPay:
Razorpay Auth: Integration for secure user authentication during payment processes.
Razorpay Auth is integrated into this project to handle secure user authentication during payment transactions, ensuring a seamless and secure payment experience for users.
Installation: Include steps or dependencies required to integrate Razorpay Auth into the project.
npm install razorpay-auth
Let us share our experience,
This entire journey of making the project was awesome. We have learned lots of things by applying to the real website and it gave us a lot of confidence. there were some more functionalities that could have been done, yeah the time didn’t permit us to go further. But we will surely improve it during the course of time in future .
As we are all new and never work on a project so our first day gone in discussion about how we start and who did which work, In evening finally we decide distribute our work.
On the second day we start with our morning scrum and decide the deadline to complete the whole project and start working on it, the In evening stand-up we discussed our challenges and problem and try to resolve them.
2 days we have the same routine and finally on the fourth day our given task is ready but when we merge the all parts the main problem came like many classes and ids are same due to that the structure of all products was very bad but our Team take it as a challenge and change and put comments on code in just one and half day.
on the seventh day again we merge all our code and finally, we did it, There were some changes that need to be done and we all did it and finally, we record our presentation and Submit.
We are very thankful for the support of my teammates and instructor for the completion of project in due time. We will looks forward to add some feature and functionality which we left in this project for future expensions.