Art Marketplace
Azordev's art markeplace
🐞 Report a bug or 🙋‍♂️ request a feature

• Azordev Art Marketplace
  • The Project
    • Features
    • Built With
  • Create a .env file
  • Advantages Of Styled-Components
  • Using the App
  • How to run this project
    • Prerequisites
    • Run it (Quickstart with docker)
    • Installing the project
    • Available Scripts
      • npm start
      • npm run build
    • Learn More
  • Potential Features
  • Author
  • Contributing
  • Show your support
  • License

A place where you can find a download BIM objects

• Basic create-react-app structure
• Sets stylelint on the repo
• Sets eslint rules
• Linters
• React
• React-DOM
• React-Create-App
• PropTypes
• ES6 syntax
• Export/import ES6+ notation

• create-react-app
• ESLint
• pnpm 6.20.3 +
• vscode with ESLint extension
• Linux/GNU, macOS, Windows
• Love and Passion for code

• Create a .env file.
• Put correct key.

• Easier management of CSS: With every bit of styling tied to a specific component, it is easier to know which CSS is applied This makes it easy to delete unused component styles.
• Using styled components if we change a variable value then it can change all the value.
• We can reuse same style component where we need and also we can use it conditionaly.
• Simple and dynamic styling: Through props and global themes supported in styled-components, styling is simple without manually managing dozens of classes.

• Open it in your browser.

• npm 6.13 + = pnpm 6.20.3 +
• node 14.17 +
• docker and docker-compose (optional)
• A Text Editor like VSCode
• A browser like Firefox or Chrome

• Be sure to setup docker-compose and have git and npm working.
• Run this:

> git clone https://github.com/Azordev/art-marketplace
> cd art-marketplace
> pnpm env use -g 16
> pnpm i
> docker-compose build
> docker-compose up frontend

• Enter localhost:3000 in a browser for the frontend.

You can also test using docker, run docker-compose up test or docker-compose run --rm test

Not a fan of Docker or need more information? Continue for instructions to learn more about how to setup your PC for run the frontend!

We used create-react-app to initialize this project, so it is configurated to be easy to run. Just follow the following instructions.

Now that you are set up, open a terminal and:

git clone https://github.com/Azordev/art-marketplace
cd art-marketplace
pnpm i && pnpm start

Then open http://localhost:3000/ to see the app.

In the project directory, you can run:

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

• <Insert your great idea here!>.

Israel Laguan	Email me to [email protected] / Connect to my Linkedin
Victor Peña	Email me to [email protected] / Connect to my Linkedin
Emmanuel Azócar	Email me to [email protected]
Angelica Molina	Email me to [email protected]
Roman Rodriguez	Email me to [email protected]
Tony Tarco	Email me to [email protected]
Ildebrando Quinchoa	Email me to [email protected]

🤝 Contributions, issues and feature requests are welcome! Feel free to check the issues page.

🤗 Give a ⭐️ if you like this project!

• https://blog.logrocket.com/deep-dive-into-lefthook-react-native/
• https://blog.logrocket.com/build-robust-react-app-husky-pre-commit-hooks-github-actions/
• Favicon from favicon.io
• https://www.seoptimer.com/meta-tag-generator
• https://dev.to/nitzano/linting-docker-containers-2lo6?utm_source=lefthook

📝 This project is licensed under the Apache 2
Feel free to fork this project and improve it!