Assembler - Capstone project

Assembler is a useful assistant to keep track of your hand-crafted pieces of art. Assemble custom items from added parts.

Description

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.

Tech Stack

• React
• Next.js
• Node.js
• Styled Components
• SWR
• MongoDB Atlas
• Mongoose
• Cloudinary
• Formidable
• Toastify

Demo

You can find the hosted version of Assembler: Deployment @ Vercel

IMPORTANT NOTE: currently optimized for mobile!

Project Setup

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 and CLOUDINARY_SECRET from cloudinary.

You can then use the following commands:

• npm run dev to start the development server
• npm run test to run the tests in watch mode (if available)