Assembler is a useful assistant to keep track of your hand-crafted pieces of art. Assemble custom items from added parts.
![walkthrue video assembler web-app](https://private-user-images.githubusercontent.com/114819127/255570059-bd2cc328-3cb9-44fa-8f04-2bb9c64d3216.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODE4MzcsIm5iZiI6MTczOTA4MTUzNywicGF0aCI6Ii8xMTQ4MTkxMjcvMjU1NTcwMDU5LWJkMmNjMzI4LTNjYjktNDRmYS04ZjA0LTJiYjljNjRkMzIxNi5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjEyMTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xYWJlOTgxNGQyMjczZTVhMWExY2IwNzFlMTE3NmFkYTNmMWNkMDUwMTQ2YjljZmNmYzYxN2RkNWMzMTg3MzQ3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.NtOvs4XAtOmHRouYrSZYRu2VCnNntV7zd_r8Qu4Gc0I)
This is a capstone project for neuefische web development bootcamp.
Assembler is an useful assistant to keep track of your hand-crafted pieces of art. You can add parts you bought IRL with custom image and always know, which parts are down there in your basement. From now pre-assemble items for planning purpose or assemble after you did IRL to keep track. Set selling price when sold, to filter them on new assemble.
- React
- Next.js
- Node.js
- Styled Components
- SWR
- MongoDB Atlas
- Mongoose
- Cloudinary
- Formidable
- Toastify
You can find the hosted version of Assembler: Deployment @ Vercel
IMPORTANT NOTE: currently optimized for mobile!
To run this project locally, you need to
- clone this repository and install the dependencies using
npm i
first. - Create your own
.env
file inside the root folder. - Add your
MONGODB_URI
from mongoDB. - Add your
CLOUDINARY_CLOUD_NAME
,CLOUDINARY_API_KEY
andCLOUDINARY_SECRET
from cloudinary.
You can then use the following commands:
npm run dev
to start the development servernpm run test
to run the tests in watch mode (if available)