This project is an online store featuring 3D object preview. The technology used is Next.js, TypeScript, and three.js. The web store has seller and buyer roles where sellers can showcase and add new 3D objects and buyers can view, inspect, and purchase products.
- Secure user authentication system for registering, logging in, and updating user information.
- Mobile responsive user interface for a seamless shopping experience.
- Translation option for users in different regions.
- Ability to inspect the 3D product from every angle.
- Seller panel for adding and removing 3D objects. (TODO)
- Purchase system for customers to buy products. (TODO)
- Planned search functionality for easier product searching. (TODO)
- There will be another react-native application will be created (TODO)
- Clone the repository to your local machine.
- Install dependencies using
npm ioryarn install. - Rename
.env.exampleto.envand fill in the required fields. - Start the server using
npm run devoryarn dev. - Open
http://localhost:3000to view it in the browser.
- Register or login with the authentication system.
- Explore the product list and click on a product to see its 3D object page.
- Inspect and interact with the 3D object by dragging and clicking.
- If interested, add the product to your shopping cart.
- Checkout by filling out the necessary payment and delivery information.
We welcome contributions from the open-source community. If you find any issues or bugs, please create an issue or pull request. Make sure to follow code standards and include useful tests.
You may want to familiarize yourself with the following technologies/libraries:
If you have any feedback about the project, please let us know. We are always looking for ways to improve the user experience.