akshatchaube01 / timewarp

An opensource webapp that allows users to explore historical versions of their current location virtually. Using augmented reality and historical maps, users can see how their surroundings looked in different time periods and learn about the history of the area.

TimeWarp

Understanding history, embracing the present, and envisioning the future

View Demo

Time Warp is an open-source web application that enables users to explore historical versions of their current location virtually. By leveraging augmented reality and historical maps, users can visualize how their surroundings appeared in different time periods and delve into the area's rich history.

---

Table of Contents

1. Features
2. Tech Stack
3. React + Vite
4. Prerequisites
5. How to Contribute
6. Code of Conduct
7. Alternative Way
8. Our Vision
9. Learn More
10. Feedback and Support

---

Features

• Simulations: Step into pivotal moments in history through immersive simulations.
• Historical Reenactments: Experience the sights and sounds of bygone eras through interactive reenactments.
• Futuristic Scenarios: Peer into potential futures with speculative scenarios and advanced technologies.

With Time Warp, the past, present, and future converge in a captivating journey through time, inviting users to explore, learn, and imagine the possibilities.

Tech Stack

Time Warp utilizes the following technologies:

• HTML: Provides the structure for web pages.
• CSS: Styles the appearance of web pages, ensuring a visually appealing user experience.
• JavaScript: Adds interactivity and functionality to the web application.
• Three.js: A JavaScript library used for creating and displaying 3D content in web browsers.
• React.js: A JavaScript library for building user interfaces, enabling efficient development of dynamic and interactive web applications.
• Virtual Reality: Integration of virtual reality technology to create immersive experiences.
• Augmented Reality Applications: Implementation of augmented reality technology to enhance user interactions and provide innovative features such as exploring historical environments and visualizing past landscapes in real-time.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Prerequisites

Before installation, please ensure you have the following tools installed:

• Git - Learn Git step-by-step by following the instructions provided here.

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

How to Contribute

We welcome contributions! Please see our Contributing Guide for detailed instructions on how to get started.

If you think that you can add a new feature or want to fix a bug, we invite you to contribute to Timewarp and make this project better. To contribute:

1. Create a folder at your desire location (usually at your desktop).

2. Open Git Bash Here

3. Create a Git repository.

   Run command git init

4. Fork the repository.

5. Clone your forked repository of project.

git clone https://github.com/<your_username>/TimeWarp.git

6. Navigate to the project directory.

cd TimeWarp

7. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/Akshatchaube01/TimeWarp.git

8. Check the remotes for this repository.

git remote -v

9. Always take a pull from the upstream repository to your main branch to keep it updated as per the main project repository.

git pull upstream main

10. Create a new branch(prefer a branch name that relates to your assigned issue).

git checkout -b <YOUR_BRANCH_NAME>

11. Perform your desired changes to the code base.

12. Check your changes.

git status

git  diff

13. Stage your changes.

git add . <\files_that_you_made_changes>

14. Commit your changes.

git commit -m "relavant message"

15. Push the committed changes in your feature branch to your remote repository.

git push -u origin <your_branch_name>

16. To create a pull request, click on compare and pull requests.

17. Add an appropriate title and description to your PR explaining your changes.

18. Click on Create pull request.

Alternative Way

Follow the below instructions you can use GitHub Desktop to manage this repository. Here's how:

1. Download and Install GitHub Desktop:

   • Go to the GitHub Desktop website and download the GitHub Desktop application.
   • Follow the installation instructions to install GitHub Desktop on your computer.

2. Clone the Repository:

   • Open GitHub Desktop and sign in to your GitHub account.
   • Click on the "File" menu, then select "Clone Repository..."
   • Choose the repository you want to clone from the list or enter its URL.
   • Choose the local path where you want to clone the repository and click "Clone".

3. Make Changes:

   • After cloning the repository, you can make changes to the files locally using your preferred code editor.

4. Commit Changes:

   • Once you've made changes, open GitHub Desktop.
   • You'll see a list of files with changes. Write a summary and description of your changes in the text fields.
   • Click "Commit to main" to commit your changes locally.

5. Push Changes:

   • To push your changes to the remote repository on GitHub.com, click "Push origin".

6. Pull Changes:

   • If there are changes on the remote repository that you don't have locally, you can pull them by clicking "Fetch origin" or "Pull origin".

7. Sync Changes:

   • To synchronize your local repository with the remote repository, click "Sync" to push and pull changes in one step.

That's it! You can now use GitHub Desktop to manage this repository efficiently.

Our Vision

With innovation as our compass and authenticity as our guide, we are committed to delivering engaging content and immersive experiences that bridge the gap between the past, present, and future. Our mission is to empower individuals to engage with history in meaningful and transformative ways, becoming stewards of their own narratives and architects of a brighter tomorrow.

Learn More

For more information about the project and how it works, please refer to our Learn Guide.

Feedback and Support

If you encounter any issues or have any feedback or suggestions, please open an issue in the Issues section of this repository. We appreciate your feedback and will respond as soon as possible.

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Contributors

Thanks to all contributors for helping this project grow! 🍻

---

Support

Don't forget to leave a star for this project!

timewarp's Issues

[UI Enhancement] : Implement typography, modern background and Tailwind Dependency

Is your feature request related to a problem? Please describe.
Not exactly a problem, but we can enhance the overall UI a little bit.

Describe the solution you'd like
I'd like to add tailwind dependency, additional typography and better background.

Describe alternatives you've considered
N/A

Additional context
Add any other context or screenshots about the feature request here.

What problem is this feature trying to solve?
Enhancement of UI

How do we know when the feature is complete?
I'll ping a PR as soon as i complete the UI enhancement.

Improving navbar menu UI on mobile phones.

When the hamburger is being clicked, the is being mixed with the content of website and not looking good.

I would like to solve this task. Please assign me this issue, I want to contribute to this project under GSSoC'24.

Automated Greeting Workflow

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me.

More info in Read me file

How to contribute to this repository is not mentioned as well some extra details about the project can also be added

[UI EHHANCEMENT]: Implement theming using shadcn ui

Is your feature request related to a problem? Please describe.
The overall theme of the app is too random. The best solution would be using a fixed theme for the entire site.

Describe the solution you'd like
I would like to fix the site's look by implementing shadcn-ui, one of the best UI theming libraries for this purpose.

Additional context
Please assign me this issue under GSSOC'24

form validation on contact us form

Describe the bug
There is no form validation on the input fields of the contact us form so anything can be entered

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Contact us page'
2. Enter any random fields like numbers for name
3. Submit the form
4. Message sent alert pops up

Expected behavior
the form should not submit without valid fields like valid email,number and name.

Screenshots

assign me this issue

Rework of the Contact Us Page

Is your feature request related to a problem? Please describe.
The current contact us sections very bland and boring and also doesn't match with the Theme of the website

Describe the solution you'd like
I want to Rework the entire contact us page, add some better styling as well some better input validations

I would Like to assigned this issue under GSSOC'24

Spelling mistake

Hi @Akshatchaube01 I think mistakenly in many sentences TimeWarp got written as TimeWrap. Assign it to me I will correct it

3d metaverse using r3f (read desc)

this is the main thing in your project so I wanna ask who will be making this in your team?

if no one yet I want to make this functionality where in a sample model of a place can be viewed in 3d and has move around feature.

i have no idea how are you guys gonna get how a place look likes at a certain point in time and magically render a model exactly the same, if you have a roadmap for this I wanna hear it. if not ill propose something good.

btao fir

Navbar redesign and make it responsive

The navbar can be more appealing by adding icons to it and some hovering effect. Also, the navbar is not responsive and the hamburger menu alignment is in center which can be fixed.
Please assign this task to me.

Making the margin appropriate on the models page and cards better designed.

Describe the bug
Hover effect on the models page isn't appropriate

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Models page'.
2. Hover on 'any model card'.
3. See the behaviour.

Expected behavior
There should be proper margin between title and the card on hover.

Screenshots

Additional context
Please assign this issue to me as I am a GSSoC '24 contributor

Responsive error on the Demo Section Page

Describe the bug
There is poor responsiveness in the demo section page

To Reproduce
Steps to reproduce the behavior:

1. Go to Demo Section Page
2. Reduce the screen size to below 1200px
3. Scroll down a bit to the Technology Used Section
4. You could see there is a poor responsive of these card

Expected behavior
The Card should be made properly responsive as they are in Screen below 740px

Please assign this issue to me , as i would like to work on it under gssoc.

Redirect to dialer pad and email box

Describe the solution you'd like
When user clicks on the email address it will redirects him to email box
when user clicks on the phone number it will redirect him to his phone's dialer pad.

What problem is this feature trying to solve?
This will helps user to avoid copy pasting of number or email

How do we know when the feature is complete?
Experience
Assign me this work under GSSoC24, I will implement it.

Missing CONTRIBUTING.md File in Repository

The repository currently lacks a CONTRIBUTING.md file, which is an important resource for guiding potential contributors on how to engage with the project effectively. A CONTRIBUTING.md file outlines the contribution guidelines, coding standards, and procedures for submitting pull requests, thus streamlining the contribution process and ensuring consistency across contributions.

Could you please assign this issue to me under GSSOC 24.

Enhance the ui of navbar

Is your feature request related to a problem? Please describe.
The UI of Navbar is not attractive the links inside navbar not looking good

Describe the solution you'd like
I can improve the UI of navbar and make it look attractive by adding padding margin background color and hover effect and many more

About us page redesign

Is your feature request related to a problem? Please describe.

The Design of the about us page is basic and needs a UI enhancement with particle effects

Describe the solution you'd like

Animated triangular particle effects to make it more visually appealing

Better design for the entire page following the color theme of the brand.

Additional context

What problem is this feature trying to solve?

A brand new visually enticing design for the About Us page with amazing particle effects

How do we know when the feature is complete?

A pull request will be sent with the complete version soon

add information about teams member

What problem is this feature trying to solve?
if you run a websiten then also give some details about team members who contributes
i am a open source contributor gssoc24

Mobile Responsiveness for Homepage

Give mobile friendly responsiveness to the home page, with the navbar opening on clicking a button
An example :

No need to change the colour theme (keep it same as the Timewarp website)

Contact Us screen on the web : Fully Functional

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Having a contact me section with an inbuilt fully functional setup is a massive bonus point. Many users actually would love to have a functional contact form. It would be less time consuming and on the go.

Describe the solution you'd like
A clear and concise description of what you want to happen.

In the contact us section I can create e separate pop-up form where the user will be able to send a message directly to the assigned mailing address all within the application.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

If we don't do a pop-up one I can make a simplified minimalistic contact us form where it will be fully functional and the users will be able to directly message through the application.

Additional context
Add any other context or screenshots about the feature request here.

Having a contact me section with an inbuilt fully functional setup is a massive bonus point. Many users actually would love to have a functional contact form. It would be less time consuming and on the go.

this is an example of the idea I am talking about and this is something I have previously implemented

What problem is this feature trying to solve?

Communication would be a lot simpler and would fetch a lot more responses as users won't have to burn those extra calories to go to the mailing app and would be within the application.

How do we know when the feature is complete?
It will take 2-4 days to implement moreover I will inform the mentor of this project about the same through email.

I would like to implement this -the backend as well as the UI .Please assign this to me @Akshatchaube01 .

The Demo Section Needs a Revamp

Is your feature request related to a problem? Please describe.
In the Demo section, text and functionality is combined in the same .jsx file, the "Technology used " part should be cleaner and illustrative.

Describe the solution you'd like
Using better UI for showing description as well as for the video container. Using react icons for showing the description about technology used and minor changes.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
N/A

What problem is this feature trying to solve?

How do we know when the feature is complete?
I'll raise a PR when the issue is resolved

Hamburger issue it's not working on Mobile phone

Describe the bug: The hamburger menu (navigation menu) is not functioning properly on mobile screens.

Expected behavior: When clicking on the hamburger menu icon, the navigation menu should expand and display the menu options smoothly on mobile screens.

Also need to resize the timeWrap Heading please Assign this task to me

Enhancement: Landing Page Alignment

The TimeStamp div is not aligned at the centre.

[Feat]:want to add functionality to send email to the owner when user submit the contact us from

Is your feature request related to a problem? Please describe.
send email to the owner mail when user submit the contact us from

Describe the solution you'd like
I am going to use email.js

Create Proper Readm.MD

As of now ReadMe .MD is not proper , there should be proper steps like how to clone , screenshots.
I will make proper Readme file

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you can add the tag GSSoC'24, good first issue etc.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.

Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

Model Page carousel buttons

Describe the bug
The buttons on model page image carousel are set to space-between which renders them on the edges of the screen on desktop and images are not sized equally which harms the user friendliness. Also there should be a subtitle for each Augmented Reality Model or at least placeholder for it

To Reproduce
Steps to reproduce the behavior:

1. Be on desktop screen size.
2. Go to 'Model Page'

Expected behavior
The buttons should be right beside the image carousel so its easy to navigate the images, images should be of same width and there should be a sub title for each carousel.

Screenshots

• fixed buttons and the size of the images not matching each other:
  

Additional context
Assign me this issue so it can be fixed.

Submit Button Alert Bug

Describe the bug
When attempting to submit the form without filling all the required fields, an alert prompts users to fill all the fields. However, upon clicking "OK" on this alert, another alert erroneously appears stating "Message sent successfully."

Expected behavior
Upon clicking the submit button without filling all the required fields, an alert should prompt users to fill all the fields. After filling the required fields, the form should submit successfully without any additional alerts.

Additional context
This bug affects user experience and may lead to confusion, as users might believe their message was sent successfully even when it wasn't due to incomplete form submission.

Please assign this task to me and also add a label level

Resource Links

Describe the bug
API Reference link redirects to google.com

To Reproduce
Steps to reproduce the behavior:

1. Go to Demo Section
2. Click on API Reference
3. See error

Expected behavior
It should redirect to the actual API reference.

Screenshots

Additional context
Kindly provide the link to the actual reference of the API.

@Akshatchaube01, I request you to assign me this issue under GSSoC'24.

About Section Background Issue.

Is your feature request related to a problem? Please describe.
The background lines of about us page are shadowing the content.

Describe the solution you'd like
The no. of lines should be reduced and the movement should be made a little slower, so that they can appear subtle and nice with
the environment.

Footer Creation

As of now there is no Footer , we need to create proper footer to add proper links and socials in Footer

responsive design and center the navbar

Is your feature request related to a problem? Please describe.

• Yes, the navbar is not centered properly because margin and padding was used incorrectly and it is not responsive for small screens.
• The Demonstration page content does not display properly on desktop and on mobile:
• The title is the default one Vite + React which is bad for user experience and SEO

Describe the solution you'd like

• I would like the navbar to be centered on desktop and tablet so its more asthetically pleasing.
• The website should be responsive so it doesn't break on mobile and looks good on desktop too.
• Change the title tag of the html file.

Additional context
problems on mobile and desktop:

how it would look on desktop after some changes in inspect window:

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

Two different Navbars

The App.jsx and Home.jsx contain separate navbars as shown in the attachment, suggest a fix to work upon.

 App.jsx

Home.jsx

Pull Request Template Creation

I am writing to express my interest in contributing to your repository by creating a pull request template.
I believe that having a standardized template will help streamline the contribution process, ensuring that all necessary information is included and making it easier for maintainers to review and merge pull requests.
Could you please assign me the issue under gssoc24? I am excited about the opportunity to contribute to your project and help improve the workflow for all contributors.

Redesign Landing Page

Is your feature request related to a problem? Please describe.
The circles appearing at random position with not so proper geometry is looking weird.

**Solution :- Adding 3d links to the background, using 2 small packages.

###Current design

Describe the solution you'd like
I would like to add 3d links in the background of the landing page.

###What i want at background

These links will be interactive too, i will make them repel if mouse is dragged near them.

What problem is this feature trying to solve?
Design issue

How do we know when the feature is complete?
Attach ss, and make a PR.

Girlscript Summer of Code Introduction/Tracking

👋 Hi @Akshatchaube01 ,

I am Sanjay, program Manager @girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you

• #2
• #3
• #4
• #5
• #6

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to yours.

Hamburger menu still not working

Describe the bug
When the screen size is small the hamburger menu is not working. It doesn't display the list when clicked.

Expected behavior
When we click on the hamburger menu it should display the list.

Screenshots

Please assign this task to me.

Improve Homepage with 3D Background

Background:
The homepage lacks visual appeal and needs enhancement.

Proposal:
Add a 3D background to elevate aesthetics and engagement.

Suggested Implementation:

1. Design Concept: Work with a designer to create a visually captivating 3D rendering.
2. Integration: Seamlessly integrate the 3D rendering into the homepage layout.
3. Performance Optimization: Optimize file size and loading speed (optional ).

Expected Benefits:

1. Enhanced Visual Appeal: A 3D background adds depth and realism.
2. Improved Engagement: Captivate users' attention.
3. Brand Enhancement: Reinforce brand identity.

Favicon

You can assign me to create a custom favicon for your web page according to your requirements.

Making the links in the Demo section for the References more Highlighted and Visible

The links for the references in the Demo section

• All the links which are provided at the bottom of the Demo section page of the website do not appear to be clickable and much highlighted as shown

Solution

• I would like to make the Resources section and text bold and arranged in a proper manner with pop out animation along with icons or logos attached to them for their respective fields

Please assign this issue to me

Mobile Responsive Design

Is your feature request related to a problem? Please describe.
The website is not responsive for smaller devices like different mobile and tablet screens.

Describe the solution you'd like
I will make the whole ui responsive with the help of tailwindcss that is already installed in the project.

What problem is this feature trying to solve?
Responsiveness

Some screenshots that show lack of responsiveness -

How do we know when the feature is complete?
I'll comment with new design screenshots and make a PR.

Add a login or a sign up option

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

What problem is this feature trying to solve?

How do we know when the feature is complete?

Adding respective icons to the navbar

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

The current navbar lacks icons, which impacts its visual appeal and usability. Users might find it less engaging and intuitive to navigate through the website without visual cues provided by icons.

Describe the solution you'd like
A clear and concise description of what you want to happen.

I propose adding respective icons to the navbar to enhance its visual appeal and improve user navigation experience. These icons will align with the theme of the website and provide users with clear visual cues for each navigation option

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

One alternative could be redesigning the navbar layout or color scheme. However, adding icons is a more direct and effective solution to address the visual appeal and usability concerns of the navbar

Additional context
Add any other context or screenshots about the feature request here.

What problem is this feature trying to solve?

Will make your page look more Appealing

How do we know when the feature is complete?

Add LEARN.md

Learn repos should have a LEARN.md file to teachstudent how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

Enhancing the contact us page UI

Is your feature request related to a problem? Please describe.
I would like to enhance the UI of the contact us page

Describe the solution you'd like
I would like to make the UI better in Contact us page by adding a form of "get in touch" and by changing some UI

Describe alternatives you've considered
@Akshatchaube01
I am a GSSOC'24 contributor. I would like to work on this feature . Please assign this to me.

Additional context

What problem is this feature trying to solve?
UI enhancement, React

How do we know when the feature is complete?
navigating to contact us page

Adding Footer section

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

What problem is this feature trying to solve?

How do we know when the feature is complete?

Add Code of Conduct

We recommend that every repo has a code of conduct. If you don’t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

[ Improvement ] : Use React Router for navigation

Is your feature request related to a problem? Please describe.
Enhancement for navigation in the webapp

Describe the solution you'd like
Install react-router-dom dependency to route between pages

Describe alternatives you've considered
N/A

Additional context
As we know React is best when we use a Single Page application, to do that use react-router to avoid refreshing the page.

What problem is this feature trying to solve?
Avoid refreshing the pages as we use React.

How do we know when the feature is complete?
I'll do a PR when its implemented

@Akshatchaube01 assign this to me.

[FEATURE]: Create a Specific Models Page / Template

In the 'Models' Page, there are various models, and I believe each model has its own information, features, etc. So I think it would be great to create a seperate page to each specific model.

The current 'Model' Page will remain same, my idea is to just create a sort-of template, which you guys can use in future to update / add the new model. When the user clicks on any of the model, he will get routed to that specific model he has clicked on to, where the user will find more details about that particular model.

This feature resolves the problem of the users wandering about the model. If the user can get to know about the model right after clicking on the specific model, it's a good thing, and the user will explore more models as well.

I would like to contribute to this task. Request you to assign this task to me under GSSoC '24 ;)

Here's the page I'm talking about